nnwhen/nnwhen.com
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

font px to rem

Browse source
This commit is contained in:
NNWHEN 2025-01-24 20:47:22 +02:00
parent 1c53185edc
commit 2d6f9d985b
7 changed files with 25 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
blog/2024-09-28-about-me.html
View file

@ -360,7 +360,7 @@
style=" style="
margin: auto; margin: auto;
font-family: 'syne'; font-family: 'syne';
font-size: 16px; font-size: 1rem;
color: var(--subtitle); color: var(--subtitle);
" "
> >

10
blog/artist-style.css
View file

@ -23,12 +23,12 @@
} }
.ly-artist p { .ly-artist p {
margin: 5px 0 !important; margin: 5px 0 !important;
font-size: 17px; font-size: 1.063;
text-align: justify; text-align: justify;
} }
.ly-artist q { .ly-artist q {
margin: 5px 25px !important; margin: 5px 25px !important;
font-size: 16px; font-size: 1rem;
text-align: justify; text-align: justify;
} }
.ly-artist img { .ly-artist img {
@ -53,13 +53,13 @@
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 20px; font-size: 1.25rem;
} }
.ly-artist ul { .ly-artist ul {
list-style-type: none !important; list-style-type: none !important;
text-align: justify; text-align: justify;
list-style-position: inside; list-style-position: inside;
font-size: 16px; font-size: 1rem;
margin: 5px auto !important; margin: 5px auto !important;
} }
.ly-artist ul li { .ly-artist ul li {
@ -81,7 +81,7 @@ table tr th {
} }
.fav { .fav {
text-align: left !important; text-align: left !important;
font-size: 16px; font-size: 1rem;
} }
.unavailable { .unavailable {
text-decoration: line-through; text-decoration: line-through;

10
blog/blog-style.css
View file

@ -3,7 +3,7 @@
width: min(95%, 650px); width: min(95%, 650px);
margin: auto; margin: auto;
font-family: "mono", monospace; font-family: "mono", monospace;
font-size: 14px; font-size: 0.875rem;
} }
#blog-post audio { #blog-post audio {
@ -107,7 +107,7 @@
#blog-post { #blog-post {
text-align: justify; text-align: justify;
text-justify: inter-word; text-justify: inter-word;
font-size: 18px; font-size: 1.125rem;
} }
#blog-post p { #blog-post p {
@ -135,11 +135,11 @@
} }
#blog-post h1 { #blog-post h1 {
font-size: 25px; font-size: 1.563rem;
} }
#blog-post h2 { #blog-post h2 {
font-size: 20px; font-size: 1.25rem;
} }
#blog-post h3 { #blog-post h3 {
@ -192,7 +192,7 @@
font-family: "mono", monospace; font-family: "mono", monospace;
text-align: center; text-align: center;
padding: 15px; padding: 15px;
font-size: 15px; font-size: 0.938rem;
color: var(--load-light); color: var(--load-light);
} }

2
free.css
View file

@ -1,6 +1,6 @@
#link-list.support { #link-list.support {
width: 95%; width: 95%;
font-size: 20px; font-size: 1.25rem;
margin: auto; margin: auto;
-webkit-columns: 2; -webkit-columns: 2;

4
poetry/poem-style.css
View file

@ -2,14 +2,14 @@
width: min(95%, 750px); width: min(95%, 750px);
margin: auto; margin: auto;
font-family: "mono", monospace; font-family: "mono", monospace;
font-size: 14px; font-size: 0.875rem;
} }
#poem h1 { #poem h1 {
text-align: center; text-align: center;
margin: 0; margin: 0;
} }
#poem p { #poem p {
font-size: 18px; font-size: 1.125rem;
} }
ol, ol,
ul { ul {

2
socials.css
View file

@ -59,7 +59,7 @@
text-align: justify; text-align: justify;
-moz-text-align-last: justify; -moz-text-align-last: justify;
text-align-last: justify; text-align-last: justify;
font-size: 18px; font-size: 1.125rem;
font-weight: lighter; font-weight: lighter;
padding: 0 5px; padding: 0 5px;
margin-bottom: 5px; margin-bottom: 5px;

20
style.css
View file

@ -176,7 +176,7 @@ header {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 22px; font-size: 1.375rem;
} }
#navigation ul li { #navigation ul li {
position: relative; position: relative;
@ -393,7 +393,7 @@ footer#free {
#hero-headshot p { #hero-headshot p {
margin: 0; margin: 0;
color: var(--subtitle); color: var(--subtitle);
font-size: 22px; font-size: 1.375rem;
} }
#hero-headshot p span { #hero-headshot p span {
text-wrap: nowrap; text-wrap: nowrap;
@ -410,11 +410,11 @@ footer#free {
} }
#hero-info p { #hero-info p {
margin: 30px 0; margin: 30px 0;
font-size: 22px; font-size: 1.375rem;
} }
#hero-info h1 { #hero-info h1 {
color: var(--max-1); color: var(--max-1);
font-size: 35px; font-size: 2.188rem;
} }
#hero-info b { #hero-info b {
color: var(--accent-2); color: var(--accent-2);
@ -461,7 +461,7 @@ footer#free {
margin: 0 20%; margin: 0 20%;
padding: 3px 8px; padding: 3px 8px;
font-size: 32px; font-size: 2rem;
text-wrap: nowrap; text-wrap: nowrap;
} }
.ly-cont { .ly-cont {
@ -569,7 +569,7 @@ footer#free {
padding: 2px 8px; padding: 2px 8px;
bottom: 20px; bottom: 20px;
left: 25px; left: 25px;
font-size: 22px; font-size: 1.375rem;
background-color: var(--text-background); background-color: var(--text-background);
-webkit-transition: ease-in-out 100ms; -webkit-transition: ease-in-out 100ms;
@ -586,7 +586,7 @@ footer#free {
top: 15px; top: 15px;
right: 15px; right: 15px;
font-size: 15px; font-size: 0.938rem;
background-color: var(--text-background); background-color: var(--text-background);
color: var(--max-1); color: var(--max-1);
@ -601,7 +601,7 @@ footer#free {
margin-bottom: 12px; margin-bottom: 12px;
background-color: transparent; background-color: transparent;
text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black;
font-size: 26px; font-size: 1.625rem;
-webkit-transition: ease-in-out 100ms; -webkit-transition: ease-in-out 100ms;
-o-transition: ease-in-out 100ms; -o-transition: ease-in-out 100ms;
@ -616,7 +616,7 @@ footer#free {
background-color: transparent; background-color: transparent;
text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black;
font-size: 21px; font-size: 1.313rem;
-webkit-transition: ease-in-out 100ms; -webkit-transition: ease-in-out 100ms;
-o-transition: ease-in-out 100ms; -o-transition: ease-in-out 100ms;
@ -657,7 +657,7 @@ footer#free {
} }
.list li { .list li {
padding: 2px 0; padding: 2px 0;
font-size: 22px; font-size: 1.375rem;
} }
.list ul, .list ul,
.list ol { .list ol {