Git-Mirrors/revuo-weekly
1
0
Fork 0
mirror of https://github.com/rottenwheel/revuo-weekly.git synced 2025-01-13 00:19:39 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

code optimization

Browse Source
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
1 changed files with 71 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
_sass/layout.scss
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;
@ -136,7 +137,7 @@ html, body {
} }
#container { #container {
margin:0 auto; margin: 0 auto;
max-width: 730px; max-width: 730px;
padding: 0 1.5rem; padding: 0 1.5rem;
} }
@ -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;
@ -216,14 +217,14 @@ 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;
background-color: lighten($background-color, 70%) !important; background-color: lighten($background-color, 70%) !important;
} }
.by-line { .by-line {
display: block; display: block;
@ -269,7 +270,7 @@ img {
img[title="Emerald"] { img[title="Emerald"] {
box-shadow: 0 2px 6px #ddd; box-shadow: 0 2px 6px #ddd;
} }
code { code {
color: lighten($text-color, 35%); color: lighten($text-color, 35%);
@ -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;
} }
@ -325,8 +329,8 @@ footer {
} }
#wrap { #wrap {
min-height:100%; min-height: 100%;
position:relative; position: relative;
padding-bottom: 105px; padding-bottom: 105px;
} }