add wide screen configuration (alshedivat#157)

add wide screen configuration by adding a `max_width` config in `_config.yml`
song-qun · Dec 27, 2020 · 387aaa7 · 387aaa7
1 parent c462e01
commit 387aaa7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/_config.yml b/_config.yml
@@ -24,6 +24,10 @@ last_updated: false # set to true if you want to display last updated in the foo
 
 navbar_fixed: true
 footer_fixed: true
+
+# Dimensions
+max_width: 800px  
+
 # TODO: add layout settings (single page vs. multi-page)
 
 # -----------------------------------------------------------------------------

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -3,9 +3,7 @@
  * To adjust anything, simply edit the variables below and rebuild the theme.
  ******************************************************************************/
 
-// Dimensions
 
-$max-content-width: 800px;
 
 // Colors
 $red-color:           #FF3636 !default;

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -3,6 +3,9 @@
 ---
 @charset "utf-8";
 
+// Dimensions
+$max-content-width: {{site.max_width}};
+
 @import
   "variables",
   "themes",