m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-11 23:55:16 +01:00
Code

grid tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-08-19 10:04:02 +02:00
parent 4b99faa63d
commit 9390e37767
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
_src/_assets/styl/grid.styl
View File

@ -36,17 +36,20 @@
.grid--center .grid--center
align-items: center align-items: center
.grid--justifycenter
justify-content: center
// //
// Alignment per cell // Alignment per cell
// //
.grid_col--top .grid__col--top
align-self: flex-start align-self: flex-start
.grid_col--bottom .grid__col--bottom
align-self: flex-end align-self: flex-end
.grid_col--center .grid__col--center
align-self: center align-self: center
@ -59,6 +62,27 @@
> .grid__col > .grid__col
padding: $gutter-space 0 0 $gutter-space padding: $gutter-space 0 0 $gutter-space
@media $breakpoint1
.grid-small--gutters
margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
> .grid__col
padding: $gutter-space 0 0 $gutter-space
@media $breakpoint2
.grid-medium--gutters
margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
> .grid__col
padding: $gutter-space 0 0 $gutter-space
@media $breakpoint3
.grid-large--gutters
margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
> .grid__col
padding: $gutter-space 0 0 $gutter-space
// //
// Columns // Columns