m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-09-24 01:58:50 +02: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
align-items: center
.grid--justifycenter
justify-content: center
//
// Alignment per cell
//
.grid_col--top
.grid__col--top
align-self: flex-start
.grid_col--bottom
.grid__col--bottom
align-self: flex-end
.grid_col--center
.grid__col--center
align-self: center
@ -59,6 +62,27 @@
> .grid__col
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