┗|`O´|┛
parent
c647061286
commit
c3ee0f0f22
|
@ -9,6 +9,10 @@ ul { padding-left: 0; }
|
|||
ul ul { padding-left: 1vw; }
|
||||
li { list-style: inside; padding: 0.2rem 0 }
|
||||
|
||||
html {
|
||||
font-size: 16px; /* For responsive fonts */
|
||||
}
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
@ -28,12 +32,6 @@ header {
|
|||
display: grid;
|
||||
}
|
||||
|
||||
/* responsive text size */
|
||||
header h1 { font-size: 3vw; }
|
||||
header h2 { font-size: 2.5vw; }
|
||||
header h3 { font-size: 2vw; }
|
||||
header h4 { font-size: 1.5vw; }
|
||||
|
||||
header a { color: #0E0051; }
|
||||
header a:visited { color: #0E0051; }
|
||||
|
||||
|
@ -87,5 +85,16 @@ menu ul li {
|
|||
|
||||
menu ul li a {
|
||||
color: #ddd;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 320px) {
|
||||
html {
|
||||
font-size: calc(16px + 6 * ((100vw - 320px) / 680)); /* For responsive fonts */
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) {
|
||||
html {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue