Standard theme improved.

Author: farzindev

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/css/styles.min.css

@@ -1,8 +1,9 @@
-html {
+html {
     font-size: 1em;
 }
 
-html, body {
+body,
+html {
     height: 100%;
 }
 
@@ -17,9 +18,13 @@ body {
     overflow-y: scroll;
     padding-top: 2rem;
 }
-
 // typography
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     margin: 0 0 1rem;
     font-family: $font-family-heading;
     font-weight: $font-weight-bold;
@@ -41,24 +46,22 @@ p {
 img {
     max-width: 100%;
 }
-
 // container
 .container {
     width: 80rem;
     max-width: 100%;
     padding-right: 2rem;
     padding-left: 2rem;
 }
-
 // blog-wrapper
 .blog-wrapper {
     display: table;
     table-layout: fixed;
     width: 100%;
     max-width: 100%;
 
-    > .blog-content,
-    > .blog-sidebar {
+     > .blog-sidebar,
+    > .blog-content {
         display: table-cell;
         vertical-align: top;
     }
@@ -75,22 +78,31 @@ img {
         width: 100%;
     }
 
+    .blog-footer,
+    .blog-header,
+    .widgetzone {
+        max-width: 18.75rem;
+    }
     @media screen and (max-width: 75rem) {
         > .blog-sidebar {
             width: 15.625rem;
             min-width: 15.625rem;
         }
     }
-
     @media screen and (max-width: 64rem) {
         > .blog-content {
             padding-left: 1rem;
         }
     }
-
     @media screen and (max-width: 50rem) {
         display: block;
 
+        .blog-footer,
+        .blog-header,
+        .widgetzone {
+            max-width: none;
+        }
+
         > .blog-sidebar {
             .widgetzone {
                 display: none;
@@ -101,8 +113,8 @@ img {
             }
         }
 
-        > .blog-sidebar,
-        > .blog-content {
+         > .blog-content,
+        > .blog-sidebar {
             display: block;
             vertical-align: top;
             padding: 0;
@@ -111,7 +123,6 @@ img {
         }
     }
 }
-
 @media screen and (max-width: 64rem) {
     body {
         padding-top: 1rem;

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/scss/base/_base.scss

@@ -3,7 +3,6 @@
     width: 100%;
     overflow: hidden;
     padding: 0;
-    display: none;
 
     a {
         text-decoration: none;
@@ -22,4 +21,7 @@
     > div.text-left {
         border-right: 1px solid #ddd;
     }
+    @media screen and (max-width: 64rem) {
+        display: none;
+    }
 }

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/scss/sections/_post.navigation.scss

@@ -26,4 +26,7 @@
             color: #aaa;
         }
     }
+    @media screen and (max-width: 64rem) {
+        display: none;
+    }
 }