scss: improve default layout (#62733)
This commit is contained in:
parent
b305286f26
commit
bfb01a5f3b
|
@ -2,6 +2,7 @@ $primary-color: #004171;
|
|||
|
||||
$width: 1200px;
|
||||
$sidebar-position: right;
|
||||
$mobile-width: none;
|
||||
|
||||
$font-color: black;
|
||||
$font-family: Raleway, Arial, sans-serif;
|
||||
|
@ -58,4 +59,4 @@ $wcs-step-background: #fff;
|
|||
$wcs-step-current-border-bottom: none;
|
||||
$wcs-step-marker-color: #bbb;
|
||||
$wcs-step-current-marker-color: #fff;
|
||||
$wcs-step-current-marker-background: $primary-color;
|
||||
$wcs-step-current-marker-background: $primary-color;
|
||||
|
|
|
@ -161,6 +161,11 @@ main {
|
|||
//
|
||||
// HEADER
|
||||
//
|
||||
div#header {
|
||||
@media ($max-mobile-viewport) {
|
||||
max-width: $mobile-width;
|
||||
}
|
||||
}
|
||||
|
||||
h1#logo.has-logo {
|
||||
padding-left: 0;
|
||||
|
|
|
@ -40,6 +40,7 @@ $font-size: 93.75%;
|
|||
|
||||
$width: 95rem;
|
||||
$mobile-limit: 1024px;
|
||||
$mobile-width: none;
|
||||
$sidebar-width: 25%;
|
||||
$sidebar-min-width: 18rem;
|
||||
$sidebar-columns-gutter: 40px;
|
||||
|
|
|
@ -5,6 +5,7 @@ $font-color: #444;
|
|||
$font-size: 100%;
|
||||
$font-family: "Fira Sans", sans-serif;
|
||||
$width: 1350px;
|
||||
$mobile-width: none;
|
||||
|
||||
$nav-background: #747474;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -6,6 +6,7 @@ $bgblue: #577c90;
|
|||
$primary-color: $red !default;
|
||||
|
||||
$width: 1210px !default;
|
||||
$mobile-width: none;
|
||||
$font-family: "Open Sans", sans-serif;
|
||||
$font-color: #000 !default;
|
||||
$font-size: 100% !default;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$width: 1000px !default;
|
||||
$mobile-limit: 800px !default;
|
||||
$mobile-width: null !default;
|
||||
$very-small-limit: 480px !default;
|
||||
$width: 1280px !default;
|
||||
$mobile-limit: 1024px !default;
|
||||
$mobile-width: 720px !default;
|
||||
$very-small-limit: 560px !default;
|
||||
$columns-gutter: 20px !default;
|
||||
$footer-background: #666666 !default;
|
||||
$footer-full-width-background: true !default;
|
||||
|
@ -52,11 +52,16 @@ div#main-content-wrapper,
|
|||
clear: both;
|
||||
max-width: $width;
|
||||
margin: 0 auto;
|
||||
@if ($mobile-width) {
|
||||
}
|
||||
|
||||
@if ($mobile-width) {
|
||||
div#footer,
|
||||
div#main-content-wrapper,
|
||||
.page-width {
|
||||
@media ($max-mobile-viewport) {
|
||||
max-width: $mobile-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#header {
|
||||
|
|
|
@ -30,6 +30,7 @@ $link-color: $cyan-dark;
|
|||
|
||||
$width: 1920px;
|
||||
$mobile-limit: 70em;
|
||||
$mobile-width: none;
|
||||
$nav-mobile-limit: 50em;
|
||||
$very-small-limit: 560px;
|
||||
$font-family: $source-sans;
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
$primary-color: #5ABEB9;
|
||||
|
||||
$width: 1200px;
|
||||
$mobile-width: none;
|
||||
$font-color: #515151;
|
||||
$font-size: 0.812em;
|
||||
$font-family: Verdana, Arial, sans-serif;
|
||||
|
|
|
@ -13,6 +13,7 @@ $desaturate-orange: #a9987b;
|
|||
// Core Vars
|
||||
$mobile-limit: 960px;
|
||||
$width: 1160px;
|
||||
$mobile-width: none;
|
||||
$primary-color: $dark-blue;
|
||||
$link-color: $primary-color;
|
||||
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
|
|
@ -4,6 +4,7 @@ $font-color: #3F3F3F;
|
|||
$font-size: 0.875em;
|
||||
$font-family: Montserrat, sans-serif;
|
||||
$width: 1100px;
|
||||
$mobile-width: none;
|
||||
$border-radius: 0;
|
||||
|
||||
$nav-background: rgba(248, 248, 248, 0.8);
|
||||
|
|
|
@ -9,6 +9,7 @@ $link-color: $primary-color;
|
|||
|
||||
$body-background: #e5e5e5;
|
||||
$width: 1200px;
|
||||
$mobile-width: none;
|
||||
$footer-background: white;
|
||||
$footer-color: black;
|
||||
$nav-mobile-limit: 50000px;
|
||||
|
|
|
@ -24,6 +24,7 @@ $body-background: $flesh;
|
|||
|
||||
$width: 1200px;
|
||||
$mobile-limit: 1024px;
|
||||
$mobile-width: none;
|
||||
$very-small-limit: 560px;
|
||||
$columns-gutter: 30px;
|
||||
|
||||
|
|
|
@ -10,6 +10,7 @@ $font-family: dejarip, arial, helvetica, sans-serif;
|
|||
$link-color: $primary-color;
|
||||
|
||||
$width: 1200px;
|
||||
$mobile-width: none;
|
||||
|
||||
$title-background: transparent;
|
||||
$title-color: $primary-color;
|
||||
|
|
|
@ -81,6 +81,7 @@ $logo-size: 80px;
|
|||
// Core Vars
|
||||
$width: 1280px;
|
||||
$mobile_limit: 1024px;
|
||||
$mobile-width: none;
|
||||
$very-small-limit: 560px;
|
||||
$sidebar-width: 17.5rem;
|
||||
$primary-color: $red-orange;
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
$primary-color: #333333;
|
||||
|
||||
$mobile-width: none;
|
||||
$link-color: #00b7f3;
|
||||
$font-color: black;
|
||||
$font-size: 0.812em;
|
||||
|
|
|
@ -3,6 +3,7 @@ $link-color: #253a8e;
|
|||
$font-family: "Roboto", sans-serif; // "Roboto", Gill Sans, sans-serif;
|
||||
$footer-background: #1c1b19;
|
||||
$border-radius: 3px;
|
||||
$mobile-width: none;
|
||||
|
||||
$title-background: #fec307;
|
||||
$title-color: #222;
|
||||
|
|
|
@ -5,6 +5,7 @@ $primary-color: $orange;
|
|||
$border-radius: 3px;
|
||||
$font-family: AauxPro, Arial, Helvetica, sans-serif;
|
||||
$width: auto;
|
||||
$mobile-width: none;
|
||||
$font-color: #666;
|
||||
$font-size: 0.812em;
|
||||
|
||||
|
|
|
@ -3,6 +3,7 @@ $primary-color: #de3559;
|
|||
$border-radius: 3px;
|
||||
$font-family: Montserrat, Arial, sans-serif;
|
||||
$width: auto;
|
||||
$mobile-width: none;
|
||||
$font-color: #666;
|
||||
$font-size: 0.812em;
|
||||
$columns-gutter: 3rem;
|
||||
|
|
|
@ -5,6 +5,7 @@ $font-size: 1em;
|
|||
$font-family: Cantarell, sans-serif;
|
||||
|
||||
$width: 1400px;
|
||||
$mobile-width: none;
|
||||
|
||||
$nav-after-image: false;
|
||||
|
||||
|
|
Loading…
Reference in New Issue