font px to rem
This commit is contained in:
parent
1c53185edc
commit
2d6f9d985b
7 changed files with 25 additions and 25 deletions
|
@ -360,7 +360,7 @@
|
|||
style="
|
||||
margin: auto;
|
||||
font-family: 'syne';
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
color: var(--subtitle);
|
||||
"
|
||||
>
|
||||
|
|
|
@ -23,12 +23,12 @@
|
|||
}
|
||||
.ly-artist p {
|
||||
margin: 5px 0 !important;
|
||||
font-size: 17px;
|
||||
font-size: 1.063;
|
||||
text-align: justify;
|
||||
}
|
||||
.ly-artist q {
|
||||
margin: 5px 25px !important;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
text-align: justify;
|
||||
}
|
||||
.ly-artist img {
|
||||
|
@ -53,13 +53,13 @@
|
|||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.ly-artist ul {
|
||||
list-style-type: none !important;
|
||||
text-align: justify;
|
||||
list-style-position: inside;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
margin: 5px auto !important;
|
||||
}
|
||||
.ly-artist ul li {
|
||||
|
@ -81,7 +81,7 @@ table tr th {
|
|||
}
|
||||
.fav {
|
||||
text-align: left !important;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.unavailable {
|
||||
text-decoration: line-through;
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
width: min(95%, 650px);
|
||||
margin: auto;
|
||||
font-family: "mono", monospace;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
#blog-post audio {
|
||||
|
@ -107,7 +107,7 @@
|
|||
#blog-post {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
#blog-post p {
|
||||
|
@ -135,11 +135,11 @@
|
|||
}
|
||||
|
||||
#blog-post h1 {
|
||||
font-size: 25px;
|
||||
font-size: 1.563rem;
|
||||
}
|
||||
|
||||
#blog-post h2 {
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
#blog-post h3 {
|
||||
|
@ -192,7 +192,7 @@
|
|||
font-family: "mono", monospace;
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
font-size: 15px;
|
||||
font-size: 0.938rem;
|
||||
|
||||
color: var(--load-light);
|
||||
}
|
||||
|
|
2
free.css
2
free.css
|
@ -1,6 +1,6 @@
|
|||
#link-list.support {
|
||||
width: 95%;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
margin: auto;
|
||||
|
||||
-webkit-columns: 2;
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
width: min(95%, 750px);
|
||||
margin: auto;
|
||||
font-family: "mono", monospace;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
#poem h1 {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
#poem p {
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
|
|
|
@ -59,7 +59,7 @@
|
|||
text-align: justify;
|
||||
-moz-text-align-last: justify;
|
||||
text-align-last: justify;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: lighter;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 5px;
|
||||
|
|
20
style.css
20
style.css
|
@ -176,7 +176,7 @@ header {
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
#navigation ul li {
|
||||
position: relative;
|
||||
|
@ -393,7 +393,7 @@ footer#free {
|
|||
#hero-headshot p {
|
||||
margin: 0;
|
||||
color: var(--subtitle);
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
#hero-headshot p span {
|
||||
text-wrap: nowrap;
|
||||
|
@ -410,11 +410,11 @@ footer#free {
|
|||
}
|
||||
#hero-info p {
|
||||
margin: 30px 0;
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
#hero-info h1 {
|
||||
color: var(--max-1);
|
||||
font-size: 35px;
|
||||
font-size: 2.188rem;
|
||||
}
|
||||
#hero-info b {
|
||||
color: var(--accent-2);
|
||||
|
@ -461,7 +461,7 @@ footer#free {
|
|||
margin: 0 20%;
|
||||
padding: 3px 8px;
|
||||
|
||||
font-size: 32px;
|
||||
font-size: 2rem;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.ly-cont {
|
||||
|
@ -569,7 +569,7 @@ footer#free {
|
|||
padding: 2px 8px;
|
||||
bottom: 20px;
|
||||
left: 25px;
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
background-color: var(--text-background);
|
||||
|
||||
-webkit-transition: ease-in-out 100ms;
|
||||
|
@ -586,7 +586,7 @@ footer#free {
|
|||
top: 15px;
|
||||
right: 15px;
|
||||
|
||||
font-size: 15px;
|
||||
font-size: 0.938rem;
|
||||
background-color: var(--text-background);
|
||||
color: var(--max-1);
|
||||
|
||||
|
@ -601,7 +601,7 @@ footer#free {
|
|||
margin-bottom: 12px;
|
||||
background-color: transparent;
|
||||
text-shadow: 1px 1px 0 black;
|
||||
font-size: 26px;
|
||||
font-size: 1.625rem;
|
||||
|
||||
-webkit-transition: ease-in-out 100ms;
|
||||
-o-transition: ease-in-out 100ms;
|
||||
|
@ -616,7 +616,7 @@ footer#free {
|
|||
|
||||
background-color: transparent;
|
||||
text-shadow: 1px 1px 0 black;
|
||||
font-size: 21px;
|
||||
font-size: 1.313rem;
|
||||
|
||||
-webkit-transition: ease-in-out 100ms;
|
||||
-o-transition: ease-in-out 100ms;
|
||||
|
@ -657,7 +657,7 @@ footer#free {
|
|||
}
|
||||
.list li {
|
||||
padding: 2px 0;
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.list ul,
|
||||
.list ol {
|
||||
|
|
Loading…
Add table
Reference in a new issue