diff options
Diffstat (limited to 'pages/assets/style.scss')
-rw-r--r-- | pages/assets/style.scss | 53 |
1 files changed, 29 insertions, 24 deletions
diff --git a/pages/assets/style.scss b/pages/assets/style.scss index cce3fd9..1e398a8 100644 --- a/pages/assets/style.scss +++ b/pages/assets/style.scss @@ -21,25 +21,34 @@ $link-visited-color: darken($link-color, 15%); $background-color: #fff; -$masthead-border-color: black; -$masthead-border: 1px solid $masthead-border-color; -$masthead-bg-color: #555; -$masthead-color: #fff; - -$masthead-height: 128px; -$masthead-bg: url(/img/leap180.png) 0px 50% no-repeat; -$masthead-text-left-margin: 175px; -$masthead-text-top-margin: 45px; -$masthead-text-size: 36px; - -$masthead-small-height: 96px; -$masthead-small-bg: url(/img/leap128.png) 0px 50% no-repeat; -$masthead-small-text-left-margin: 96px; -$masthead-small-text-top-margin: 20px; -$masthead-small-text-size: 24px; - -//$tabs-small-size: -//$tabs-small-padding: +// Used for spacing between blocks +$main-v-spacing: 1rem; + +// +// HEADER VARIABLES +// + +// Free one line at the top of the page +$header-padding: $main-v-spacing 0 0 0; +$header-bg-color: #555; +$header-color: #fff; +$header-title-margin: 1rem 0; +$header-title-size: inherit; + +// +// NAVIGATION MENU VARIABLES +// + +$nav-color: $header-color; +$nav-bg-color: $header-bg-color; +$nav-item-size: 1.5rem; +$nav-item-padding: 0.6rem 1.2rem; +// On smaller screen, choose between horizontal (row) and vertical (column) menu +$nav-small-direction: column; + +// +// OTHER VARIABLES +// $cutout-color: darken($background-color,11%); $background-color-start: darken($background-color,17%); @@ -47,7 +56,7 @@ $background-color-start: darken($background-color,17%); $side-column-bg-color: #d0d0d0; // rgba(0,0,0,0.05); // #e3e3e3 $side-column-border-color: #aaa; // rgba(0,0,0,0.2); $side-column-active-bg-color: #000; -$side-column-active-color: $masthead_color; +$side-column-active-color: $header-color; $side-column-text-color: #000; $side-column-indent: 15px; @@ -56,7 +65,3 @@ $well-border-color: #555; @import "mixins"; @import "leap"; - -// Trying not to break stuff, we just add things for now -// Then we'll merge _new.scss into _leap.scss -@import "new"; |