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

renommage des classes grid- en grillade- pour éviter tout conflit

Browse source
This commit is contained in:
Raphael 2019-07-19 10:46:41 +02:00
parent 271ff3acd5
commit 75644329fd
3 changed files with 16 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
sass/base/grillade-flex.scss
View file

@ -22,8 +22,8 @@ $grid-gutters: ( '': 1rem, '-l': 2rem, '-xl': 4rem );
// https://github.com/alsacreations/KNACSS/issues/133;
$iefix: 0.01px;
@media (min-width: $small) {
[class*=" grid-"],
[class^="grid-"] {
[class*=" grillade-"],
[class^="grillade-"] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@ -66,8 +66,8 @@ $iefix: 0.01px;
}
// Mono-line grid constructor (.grid)
@media (min-width: $small) {
.grid,
.grid--reverse {
.grillade,
.grillade--reverse {
display: flex;
& > * {
@ -86,7 +86,7 @@ $iefix: 0.01px;
// Constructing grids : will be compiled in CSS
@media (min-width: $small) {
@for $i from 2 through $cols {
[class*="grid-#{$i}"] {
[class*="grillade-#{$i}"] {
@include grid(#{$i}, 0);
}
}
@ -110,7 +110,7 @@ $iefix: 0.01px;
order: 1;
}
[class*="grid-"][class*="--reverse"] {
[class*="grillade-"][class*="--reverse"] {
flex-direction: row-reverse;
}
// sizing individual children