fix
This commit is contained in:
parent
554c1cc1df
commit
d221819e31
5 changed files with 119 additions and 74 deletions
|
|
@ -2,6 +2,14 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.layout-row {
|
||||
@include layout(row);
|
||||
}
|
||||
|
||||
.layout-column {
|
||||
@include layout(column);
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100vh;
|
||||
}
|
||||
|
|
@ -14,18 +22,14 @@ body {
|
|||
height: 100vh;
|
||||
}
|
||||
|
||||
.section {
|
||||
flex: 0 0 auto;
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
|
||||
& > .container {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
|
||||
@include breakpoint('screen', 'xs') { max-width: 100vw; }
|
||||
@include breakpoint('screen', 's') { max-width: 100vw; }
|
||||
@include breakpoint('screen', 'm') { max-width: 95vw; }
|
||||
@include breakpoint('screen', 'l') { max-width: 90vw; }
|
||||
@include breakpoint('screen', 'xl') { max-width: rem(1400); }
|
||||
@include breakpoint('screen', 'xxl') { max-width: rem(1600); }
|
||||
}
|
||||
@include breakpoint('screen', 'xs') { max-width: 100vw; }
|
||||
@include breakpoint('screen', 's') { max-width: 100vw; }
|
||||
@include breakpoint('screen', 'm') { max-width: 95vw; }
|
||||
@include breakpoint('screen', 'l') { max-width: 90vw; }
|
||||
@include breakpoint('screen', 'xl') { max-width: rem(1400); }
|
||||
@include breakpoint('screen', 'xxl') { max-width: rem(1600); }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
body {
|
||||
background-color: var(--bg-color);
|
||||
color: var(--fg-color);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue