beenull/mkht.php
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css: px → rem, headings up to h6, del legacy code

Browse source
This commit is contained in:
Miraty 2024-09-21 23:19:45 +02:00
parent aae5a9726d
commit d8239cbb73
1 changed files with 30 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

83
style.css
View file

@ -61,24 +61,24 @@ a:hover, a:visited:hover, a:focus, a:focus:visited {
}
.small-button, .button {
border-width: 2px;
border-width: 0.125rem;
border-style: solid;
padding: 8px 16px 8px 16px;
margin: 5px;
padding: 0.5rem 1rem 0.5rem 1rem;
margin: 0.4rem;
display: inline-block;
border-radius: 14px;
border-radius: 0.8rem;
text-decoration: none;
border-color: var(--foreground-color);
}
.small-button:hover, .button:hover, .small-button:focus, .button:focus {
color: var(--main-color);
border: 2px solid var(--main-color);
border-color: var(--main-color);
}
.small-button {
font-size: 80%;
padding: 0px 16px 0px 16px;
padding: 0 1rem 0 1rem;
}
img {
@ -93,13 +93,6 @@ img {
margin-bottom: 20px;
}
.border {
border-width: 1px;
border-style: solid;
border-radius: 5px;
border-color: var(--foreground-color);
}
strong {
font-weight: bold;
}
@ -108,7 +101,6 @@ pre, code, var, samp {
font-family: monospace;
overflow: auto;
font-style: normal;
border-radius: 15px;
word-break: break-all;
white-space: pre;
}
@ -196,11 +188,6 @@ header, footer, .centered {
justify-content: center;
}
footer {
display: flex;
flex-direction: column;
}
[title] {
text-decoration: dotted underline;
}
@ -216,55 +203,45 @@ main [hreflang]::after {
font-size: 0.8rem;
}
.level2, .level3 {
margin-top: 1.2rem;
}
.level2 {
border-left: 0.16rem solid var(--foreground-color);
padding-left: 1rem;
}
.level3 {
border-left: 0.16rem solid var(--foreground-color);
padding-left: 1rem;
}
:target {
border: 0.16rem solid var(--foreground-color);
}
/* ----- TITLES ----- */
section:not(main > section), pre {
border-left: 0.16rem solid var(--foreground-color);
padding-left: 1rem;
}
pre {
border-left-style: dashed;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 100%;
margin-top: 1rem;
margin-top: var(--heading-size);
margin-bottom: 0.5rem;
font-size: var(--heading-size);
}
h1 {
font-size: 2.6rem;
--heading-size: 2.6rem;
text-align: center;
}
@media (max-width: 420px) {
h1 {
font-size: 45px;
}
}
h2 {
font-size: 2.2rem;
--heading-size: 2.2rem;
}
@media (max-width: 420px) {
h2 {
font-size: 40px;
}
}
h3 {
font-size: 1.5rem;
--heading-size: 1.6rem;
}
@media (max-width: 420px) {
h3 {
font-size: 35px;
}
h4 {
--heading-size: 1.5rem;
}
h5 {
--heading-size: 1.4rem;
}
h6 {
--heading-size: 1.3rem;
}