mirror of
https://github.com/valentineus/popov.link.git
synced 2025-07-25 17:38:48 +03:00
31
_scss/components/core/_grid.scss
Normal file
31
_scss/components/core/_grid.scss
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
@import 'utilities/flexbox';
|
||||||
|
|
||||||
|
body {
|
||||||
|
@include flexbox();
|
||||||
|
@include flex-basis(auto);
|
||||||
|
@include flex-direction(column);
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
@include flexbox();
|
||||||
|
@include flex-basis(auto);
|
||||||
|
@include flex-grow(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation {
|
||||||
|
@include flexbox();
|
||||||
|
@include flex-shrink(0);
|
||||||
|
@include justify-content(flex-end);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include flexbox();
|
||||||
|
@include flex-basis(auto);
|
||||||
|
@include flex-direction(column);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
@include flexbox();
|
||||||
|
@include flex-shrink(0);
|
||||||
|
@include justify-content(center);
|
||||||
|
}
|
Reference in New Issue
Block a user