scss: improve default layout (#62733)

This commit is contained in:
Corentin Sechet 2022-03-16 15:25:44 +01:00
parent b305286f26
commit bfb01a5f3b
19 changed files with 35 additions and 8 deletions

View File

@ -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;

View File

@ -161,6 +161,11 @@ main {
//
// HEADER
//
div#header {
@media ($max-mobile-viewport) {
max-width: $mobile-width;
}
}
h1#logo.has-logo {
padding-left: 0;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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 {

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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);

View File

@ -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;

View File

@ -24,6 +24,7 @@ $body-background: $flesh;
$width: 1200px;
$mobile-limit: 1024px;
$mobile-width: none;
$very-small-limit: 560px;
$columns-gutter: 30px;

View File

@ -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;

View File

@ -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;

View File

@ -2,6 +2,7 @@
$primary-color: #333333;
$mobile-width: none;
$link-color: #00b7f3;
$font-color: black;
$font-size: 0.812em;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -5,6 +5,7 @@ $font-size: 1em;
$font-family: Cantarell, sans-serif;
$width: 1400px;
$mobile-width: none;
$nav-after-image: false;