Merge pull request #27 from chicio/critical 🚀

Improve critical path + clean unused css

Author: chicio

README.md

@@ -2,8 +2,7 @@
 
 [![Build Status](https://travis-ci.org/chicio/chicio.github.io.svg?branch=master)](https://travis-ci.org/chicio/chicio.github.io)
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/chicio/chicio.github.io/blob/master/LICENSE.md)
-![devDependencies](https://img.shields.io/david/dev/chicio/chicio.github.io.svg)
-![dependecies](https://img.shields.io/david/chicio/chicio.github.io.svg)
+![dependecies](https://img.shields.io/librariesio/github/chicio/chicio.github.io)
 
 My personal website, created using github pages.
 

_css/blog-posts-list.scss

@@ -7,11 +7,9 @@
     border-radius: 4px;
     padding: 20px;
     margin-top: 20px;
-    transition: all .2s;
-    @include media-breakpoint-up(lg) {
-      &:hover {
-        transform: scale(1.025);
-      }
+    transition: transform .2s;
+    &:hover, &:active {
+      transform: scale(1.025);
     }
 
     .blog-posts-post-link {
@@ -34,7 +32,7 @@
         overflow: hidden;
         display: flex;
         justify-content: center;
-        align-items: "center";
+        align-items: center;
 
         .blog-posts-post-img {
           width: 110%;

_css/common-end.scss

@@ -0,0 +1,14 @@
+
+html {
+  max-width: 100%;
+  overflow-x: hidden;
+  visibility: visible;
+  opacity: 1;
+
+  body {
+    font: 20px 'Open Sans', Helvetica, Arial, sans-serif;
+    line-height: 1.8;
+    max-width: 100%;
+    overflow-x: hidden;
+  }
+}

_css/common.scss

@@ -4,18 +4,6 @@
 @import "./theme.scss";
 @import "./footer.scss";
 
-html {
-  max-width: 100%;
-  overflow-x: hidden;
-
-  body {
-    font: 20px 'Open Sans', Helvetica, Arial, sans-serif;
-    line-height: 1.8;
-    max-width: 100%;
-    overflow-x: hidden;
-  }
-}
-
 p {
   font-size: 16px;
 }

_css/footer.scss

@@ -1,4 +1,4 @@
-.footer {
+.footer-container {
   background-color: $primary-color;
   color: $primary-color-text;
   padding: 10px 0 0px 0;

_css/icomoon.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('../fonts/icomoon/icomoon.eot?6uv2il');
-  src:  url('../fonts/icomoon/icomoon.eot?6uv2il#iefix') format('embedded-opentype'),
-    url('../fonts/icomoon/icomoon.ttf?6uv2il') format('truetype'),
-    url('../fonts/icomoon/icomoon.woff?6uv2il') format('woff'),
-    url('../fonts/icomoon/icomoon.svg?6uv2il#icomoon') format('svg');
+  src:  url('/assets/fonts/icomoon/icomoon.eot?6uv2il');
+  src:  url('/assets/fonts/icomoon/icomoon.eot?6uv2il#iefix') format('embedded-opentype'),
+    url('/assets/fonts/icomoon/icomoon.ttf?6uv2il') format('truetype'),
+    url('/assets/fonts/icomoon/icomoon.woff?6uv2il') format('woff'),
+    url('/assets/fonts/icomoon/icomoon.svg?6uv2il#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: fallback;

_css/style.blog.archive.scss

@@ -3,4 +3,5 @@
 @import "./blog-masthead.scss";
 @import "./blog-header.scss";
 @import "./blog-archive.scss";
-@import "./blog-pull-to-refresh.scss";
+@import "./blog-pull-to-refresh.scss";
+@import "./common-end.scss";

_css/style.blog.home.scss

@@ -7,3 +7,4 @@
 @import "./blog-header.scss";
 @import "./blog-pages-button.scss";
 @import "./blog-pull-to-refresh.scss";
+@import "./common-end.scss";

_css/style.blog.post.scss

@@ -10,4 +10,5 @@
 @import "./blog-recent-posts.scss";
 @import "./blog-post-tags.scss";
 @import "./disqus.scss";
-@import "./blog-pull-to-refresh.scss";
+@import "./blog-pull-to-refresh.scss";
+@import "./common-end.scss";

_css/style.blog.tags.scss

@@ -4,4 +4,5 @@
 @import "./blog-header.scss";
 @import "./blog-post-tags.scss";
 @import "./blog-tags.scss";
-@import "./blog-pull-to-refresh.scss";
+@import "./blog-pull-to-refresh.scss";
+@import "./common-end.scss";