Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added grid

This commit is contained in:
Pedro Reis 2019-10-01 12:17:53 +01:00
parent bf0887f123
commit e77b0d0a34
2 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/styles/base/_grid.scss Normal file
View File

@ -0,0 +1,20 @@
.grid {
display: grid;
grid-gap: $base-spacing-unit;
@include resp-max($breakpoint-sm) {
grid-gap: $base-spacing-unit / 2;
}
@each $breakpoint in $breakpoints {
$name: nth($breakpoint, 1);
$declaration: nth($breakpoint, 2);
@media only screen and #{$declaration} {
@for $i from 1 through 6 {
&.grid--#{$name}-#{$i}x {
grid-template-columns: repeat(#{$i}, 1fr);
}
}
}
}
}

1
assets/styles/styles.scss
View File

@ -14,6 +14,7 @@
// 4. Base stuff // 4. Base stuff
@import 'base/base'; @import 'base/base';
@import 'base/grid';
@import 'base/fonts'; @import 'base/fonts';
@import 'base/images'; @import 'base/images';
@import 'base/forms'; @import 'base/forms';