ashpie/swaf-boilerplate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add bigger container max-width for desktop view

Browse Source
This commit is contained in:
Alice Gaudon 2021-01-26 11:37:08 +01:00
parent 5eaebd5d12
commit 1043690a5d
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/sass/_vars.scss
View File

@ -29,3 +29,4 @@ $errorColor: desaturate($errorText, 50%);
// Responsivity
$mobileThreshold: 632px;
$desktopThreshold: 940px;

10
assets/sass/layout.scss
View File

@ -650,16 +650,16 @@ button, .button {
}
@mixin container {
width: $mobileThreshold;
padding: 0 16px;
width: 100%;
padding: 0 8px;
@media (min-width: $mobileThreshold) {
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: $mobileThreshold) {
width: 100%;
padding: 0 8px;
@media (min-width: $desktopThreshold) {
width: $desktopThreshold;
}
}