From b73662bf9d5f062cb599c68ec82951b194d3ec24 Mon Sep 17 00:00:00 2001 From: Zirui Zhuang Date: Sun, 27 Dec 2020 10:56:42 +0800 Subject: [PATCH] add wide screen configuration (#157) add wide screen configuration by adding a `max_width` config in `_config.yml` --- _config.yml | 4 ++++ _sass/_variables.scss | 2 -- assets/css/main.scss | 3 +++ 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/_config.yml b/_config.yml index 3a78cdc..9950332 100644 --- 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 index 731cf2b..a6c3725 100644 --- 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 index 4254d2e..934b6d3 100644 --- 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",