2martens/2martens.de
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

Moved all our CSS to critical

Browse Source 
Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
Jim Martens
2019-02-27 00:42:06 +01:00
parent d59c8e7c77
commit b946667ae1
2 changed files with 82 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
_assets/css/critical.scss
View File

@ -1,3 +1,84 @@
@charset "UTF-8";
// contains critical css that needs to load immediately
@import "bootstrap-custom";
@import "fa-svg-with-js";
.site-header > .navbar {
//border-top: 5px solid $dark;
border-bottom: 2px solid $light;
}
#back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}
$navbarHeight: 58px;
.large {
font-size: $font-size-lg;
}
#submenuNavbar {
top: $navbarHeight;
}
#main {
margin-top: $navbarHeight + 15px;
margin-bottom: $navbarHeight + 15px;
}
#main.submenu {
margin-top: 2*$navbarHeight + 15px;
}
*[id]:before {
display: block;
content: " ";
margin-top: -2*$navbarHeight; // Set the Appropriate Height
height: 2*$navbarHeight; // Set the Appropriate Height
visibility: hidden;
}
.site-header > .navbar {
background-color: $body-bg;
}
.site-footer {
border-top: 2px solid $light;
background-color: $body-bg;
}
.post-content, p {
text-align: justify;
}
.post-title {
font-weight: $font-weight-normal;
}
.card.sidebar {
width: 20rem;
}
blockquote {
padding: 0 1em;
color: $gray-600;
border-left: 0.25em solid $gray-300;
}
@include media-breakpoint-up(md) {
#main {
margin-bottom: 295px;
}
}
@include media-breakpoint-down(sm) {
.md-up {
display: none;
}
}

81
_assets/css/main.scss
View File

@ -1,82 +1,3 @@
@charset "UTF-8";
// Import partials from `sass_dir` (defaults to `_sass`)
.site-header > .navbar {
//border-top: 5px solid $dark;
border-bottom: 2px solid $light;
}
#back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}
$navbarHeight: 58px;
.large {
font-size: $font-size-lg;
}
#submenuNavbar {
top: $navbarHeight;
}
#main {
margin-top: $navbarHeight + 15px;
margin-bottom: $navbarHeight + 15px;
}
#main.submenu {
margin-top: 2*$navbarHeight + 15px;
}
*[id]:before {
display: block;
content: " ";
margin-top: -2*$navbarHeight; // Set the Appropriate Height
height: 2*$navbarHeight; // Set the Appropriate Height
visibility: hidden;
}
.site-header > .navbar {
background-color: $body-bg;
}
.site-footer {
border-top: 2px solid $light;
background-color: $body-bg;
}
.post-content, p {
text-align: justify;
}
.post-title {
font-weight: $font-weight-normal;
}
.card.sidebar {
width: 20rem;
}
blockquote {
padding: 0 1em;
color: $gray-600;
border-left: 0.25em solid $gray-300;
}
@include media-breakpoint-up(md) {
#main {
margin-bottom: 295px;
}
}
@include media-breakpoint-down(sm) {
.md-up {
display: none;
}
}
// non-critical CSS