périmètre de -small-
modifié
This commit is contained in:
parent
4097eccb7b
commit
174cd86888
8 changed files with 14 additions and 11 deletions
File diff suppressed because one or more lines are too long
|
@ -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}"] {
|
||||
& > * {
|
||||
|
|
|
@ -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
Loading…
Add table
Add a link
Reference in a new issue