simplified the navigation even more; hopefully uncluttered the links and using standard heading sizes
This commit is contained in:
parent
9bfbd290b8
commit
35f14736db
2 changed files with 5 additions and 18 deletions
|
@ -40,16 +40,12 @@ body {
|
|||
a {
|
||||
color: var(--text);
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 6px;
|
||||
text-decoration-color: var(--vrifox-red);
|
||||
&:hover { text-decoration: underline; }
|
||||
text-underline-offset: 3px;
|
||||
transition: text-decoration-color .2s;
|
||||
&:hover { text-decoration-color: var(--text); }
|
||||
}
|
||||
|
||||
h1 { font-size: 1.5em; }
|
||||
h2 { font-size: 1.3em; }
|
||||
h3 { font-size: 1.1em; }
|
||||
h4 { font-size: 0.9em; }
|
||||
|
||||
hr {
|
||||
border-color: var(--text);
|
||||
color: var(--text);
|
||||
|
@ -72,10 +68,9 @@ header, footer {
|
|||
padding: 17.6px 15px;
|
||||
text-decoration-color: var(--background);
|
||||
text-decoration-thickness: 2px !important;
|
||||
transition: text-decoration-color .2s;
|
||||
text-underline-offset: 6px;
|
||||
margin: 0 15px;
|
||||
&:hover { text-decoration-color: var(--vrifox-red); }
|
||||
&.active { text-decoration-color: var(--text); }
|
||||
}
|
||||
}
|
||||
header {
|
||||
|
@ -104,7 +99,7 @@ footer {
|
|||
// - main -
|
||||
// --------
|
||||
main {
|
||||
margin: 60px auto;
|
||||
margin: 20px auto;
|
||||
max-width: 720px;
|
||||
padding: 30px;
|
||||
width: 100%;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue