périmètre de -small- modifié

This commit is contained in:
Raphael Goetter 2016-12-02 16:19:53 +01:00
parent 4097eccb7b
commit 174cd86888
8 changed files with 14 additions and 11 deletions

File diff suppressed because one or more lines are too long

View file

@ -122,9 +122,9 @@ $iefix: 0.01px;
}
}
/* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen"
// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until small) then 4 columns
@media (min-width: ($tiny + 1)) and (max-width: $small) {
// -small-X suffix means "X columns on small-medium screen"
// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
@media (min-width: ($tiny + 1)) and (max-width: $medium) {
@for $i from 1 through 4{
[class*="-small-#{$i}"] {
& > * {

View file

@ -1919,7 +1919,7 @@ ul.unstyled {
width: calc(100% / 6 * 5 - 4rem - 0.01px); } }
/* Responsive Small Breakpoint */
@media (min-width: 544px) and (max-width: 767px) {
@media (min-width: 544px) and (max-width: 991px) {
[class*="-small-1"] > * {
width: calc(100% / 1 - 0.01px); }
[class*="-small-1"].has-gutter > * {

File diff suppressed because one or more lines are too long