code optimization

This commit is contained in:
Luke 2023-03-11 11:32:12 +01:00 committed by GitHub
parent e8a6d5624f
commit f4adc4373d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,13 +1,15 @@
/* -- General Layout -- */ /* -- General Layout -- */
/* Required for footer to stick to the bottom */ /* Required for footer to stick to the bottom */
html, body { html,
body {
height: 100%; height: 100%;
} }
/* Navigation */ /* Navigation */
#nav, #nav-left { #nav,
#nav-left {
a { a {
display: block; display: block;
color: $background-color; color: $background-color;
@ -46,7 +48,6 @@ html, body {
} }
#nav-list { #nav-list {
.nav-actions { .nav-actions {
/* Will turn to flex on mobile */ /* Will turn to flex on mobile */
display: none; display: none;
@ -62,11 +63,10 @@ html, body {
} }
} }
/* Separator after menu */ /* Separator after menu */
&:after { &:after {
display: block; display: block;
content: ''; content: "";
width: 5rem; width: 5rem;
height: 1px; height: 1px;
margin: 23px auto; margin: 23px auto;
@ -89,7 +89,8 @@ html, body {
width: 1.5em; width: 1.5em;
background-color: lighten($text-color, 35%); background-color: lighten($text-color, 35%);
margin-top: 8px; margin-top: 8px;
&:after, &:before { &:after,
&:before {
content: ""; content: "";
display: block; display: block;
position: relative; position: relative;
@ -170,7 +171,7 @@ html, body {
} }
} }
h1 { h1 {
font-family: 'Bebas Neue', sans-serif; //Emerald logo font font-family: "Bebas Neue", sans-serif; //Emerald logo font
font-weight: 400; font-weight: 400;
font-size: 4.5em; font-size: 4.5em;
color: #d26e2b; color: #d26e2b;
@ -186,7 +187,7 @@ html, body {
} }
&:after { &:after {
display: none; display: none;
content: ''; content: "";
width: 5rem; width: 5rem;
height: 1px; height: 1px;
margin: 23px auto; margin: 23px auto;
@ -218,7 +219,7 @@ html, body {
.post + .post:before { .post + .post:before {
display: block; display: block;
content: ''; content: "";
width: 5rem; width: 5rem;
height: 1px; height: 1px;
margin: 23px auto; margin: 23px auto;
@ -278,7 +279,8 @@ code {
/* Set the vertical rhythm (and padding-left) for lists inside post content */ /* Set the vertical rhythm (and padding-left) for lists inside post content */
.content ul, .content ol { .content ul,
.content ol {
line-height: 1.5em; /* 24px/16px */ line-height: 1.5em; /* 24px/16px */
padding-left: 1.5em; padding-left: 1.5em;
@media (min-width: 940px) { @media (min-width: 940px) {
@ -311,7 +313,9 @@ code {
-ms-border-radius: 4px; -ms-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.page-item:hover, .page-item:active, .page-item:focus { .page-item:hover,
.page-item:active,
.page-item:focus {
border-bottom: none; border-bottom: none;
} }