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

modularisation des dossiers

Browse source
This commit is contained in:
Raphael Goetter 2016-09-21 10:26:28 +02:00
parent 3b87077ae3
commit a1773bbae9
15 changed files with 60 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

22
sass/objects/_autogrid.scss Normal file
View file

@ -0,0 +1,22 @@
/* Autogrid object */
@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;
}
}

21
sass/objects/_media.scss Normal file
View file

@ -0,0 +1,21 @@
/* Media object */
@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;
}
}