by iamdroid: Updated project page URL.

i-amdroid · Aug 1, 2018 · 5bf0f55 · 5bf0f55
1 parent 140c0b7
commit 5bf0f55
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ Base theme inspirited by [Material Design](https://material.io/) concept from Go
 Demo
 -------------
 
-[mb.4dx.pw](http://mb.4dx.pw/)
+[mb.4dd.pw](https://mb.4dd.pw/)
 
 Requirements
 ------------
@@ -26,7 +26,7 @@ Installation
 Documentation
 -------------
 
- * Official project page - [mb.4dx.pw](http://mb.4dx.pw/)
+ * Official project page - [mb.4dd.pw](https://mb.4dd.pw/)
 
 Technologies
 ------------

diff --git a/css/styles.css b/css/styles.css
@@ -793,10 +793,12 @@ pre {
   .one-sidebar #sidebar-first {
     order: 1;
     flex: 0 0 240px;
+    width: 240px;
     margin-right: 24px; }
   .one-sidebar #sidebar-second {
     order: 3;
     flex: 0 0 240px;
+    width: 240px;
     margin-left: 24px; }
   .two-sidebars #main {
     display: block; }

diff --git a/sass/_modules.scss b/sass/_modules.scss
@@ -262,8 +262,8 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
   .two-sidebars {
     #main { display: flex; flex-wrap: wrap; }
     #main-content { flex: 0 0 auto; width: 100%; }
-    #sidebar-first { flex: 0 0 auto; margin-right: $gutter / 2; width: calc(50% - 12px); }
-    #sidebar-second { flex: 0 0 auto; margin-left: $gutter / 2; width: calc(50% - 12px); }
+    #sidebar-first { flex: 0 0 auto; margin-right: $gutter / 2; width: calc(50% - #{$gutter / 2}); }
+    #sidebar-second { flex: 0 0 auto; margin-left: $gutter / 2; width: calc(50% - #{$gutter / 2}); }
   }
 }
 
@@ -273,15 +273,15 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
   .no-sidebars.wide-two-side .container { width: auto; }
   .one-sidebar {
     #main { display: flex; }
-    #main-content { order: 2; flex: 0 0 auto; width: calc(100% - 264px); }
-    #sidebar-first { order: 1; flex: 0 0 $sidebar; margin-right: $gutter; }
-    #sidebar-second { order: 3; flex: 0 0 $sidebar; margin-left: $gutter; }
+    #main-content { order: 2; flex: 0 0 auto; width: calc(100% - #{$sidebar + $gutter}); }
+    #sidebar-first { order: 1; flex: 0 0 $sidebar; width: $sidebar; margin-right: $gutter; }
+    #sidebar-second { order: 3; flex: 0 0 $sidebar; width: $sidebar; margin-left: $gutter; }
   }
   .two-sidebars {
     #main { display: block; }
-    #main-content { width: calc(100% - 264px); float: right; }
+    #main-content { width: calc(100% - #{$sidebar + $gutter}); float: right; }
     #sidebar-first { width: $sidebar; margin-right: $gutter; float: left; }
-    #sidebar-second { width: calc(100% - 264px); float: right; }
+    #sidebar-second { width: calc(100% - #{$sidebar + $gutter}); float: right; }
   }
 }
 
@@ -291,7 +291,7 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
   .one-sidebar.wide-two-side .container { width: auto; }
   .two-sidebars {
     #main { display: flex; flex-wrap: nowrap; }
-    #main-content { order: 2; flex: 0 0 auto; width: calc(100% - 528px); }
+    #main-content { order: 2; flex: 0 0 auto; width: calc(100% - #{$sidebar * 2 + $gutter * 2}); }
     #sidebar-first { order: 1; flex: 0 0 $sidebar; margin-right: $gutter; }
     #sidebar-second { order: 3; flex: 0 0 $sidebar; width: $sidebar; margin-left: $gutter; }
   }