dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create folder and files in rep styl

Browse source
This commit is contained in:
Arnaud CARIOU 2017-03-06 17:35:08 +01:00
parent b33501b2b7
commit 7a8701c929
17 changed files with 2030 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
styl/objects/_autogrid.styl Normal file
View file

@ -0,0 +1,19 @@
/* Autogrid object */
/* see http://codepen.io/raphaelgoetter/pen/KMgBJd */
@media (min-width: (tiny + 1))
[class^="autogrid"]
[class*=" autogrid"]
display flex
[class^="autogrid"] > *
[class*=" autogrid"] > *
flex 1
min-width 0 /* avoid min-width:auto */
/* Autogrid variants */
@media (min-width: (tiny + 1))
.has-gutter > *:not(:first-child)
margin-left 1rem
[class*="--reverse"]
flex-direction: row-reverse

18
styl/objects/_media.styl Normal file
View file

@ -0,0 +1,18 @@
/* Media object */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: (tiny + 1))
.o-media
display flex
align-items flex-start
.o-media-content
flex 1
min-width 0 /* avoid min-width:auto */
/* Media variants */
@media (min-width: (tiny + 1))
.o-media--reverse
flex-direction row-reverse
.o-media-figure--center
align-self center