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

doc fixing

Browse source
This commit is contained in:
Raphael Goetter 2017-09-19 16:36:10 +02:00
parent d42c3bec7e
commit 8ed3ecdfc8
3 changed files with 102 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
sass/components/_grillade.scss
View file

@ -7,11 +7,12 @@
// 1- use vanilla CSS Grid Layout spec (perfect for you)
// 2- use Bootstrap (good luck)
@if (not variable_exists(tiny)) or (not variable_exists(small)) or (not variable_exists(medium))
@if (not variable_exists(tiny)) or (not variable_exists(small)) or (not variable_exists(medium)) or (not variable_exists(large))
{
$tiny: 480px !global;
$small: 576px !global;
$medium: 768px !global;
$large: 992px !global;
}
[class*=" grid-"],
@ -53,9 +54,9 @@
}
}
/* intermediate breakpoint */
// -small-X suffix means "X columns when < small screen"
// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< small) then 4 columns
/* intermediate breakpoints */
// -small-X suffix means "X columns when < medium screen"
// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< medium) then 4 columns
@media (min-width: $tiny) and (max-width: ($medium - 1)) {
@for $i from 1 through 4{
[class*="grid-"][class*="-small-#{$i}"] {