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

View file

@ -1,6 +1,6 @@
{
"name": "KNACSS",
"version": "6.0.5",
"version": "6.0.6",
"homepage": "http://www.knacss.com/",
"authors": [
"Raphaël GOETTER, Alsacreations"

View file

@ -1,3 +1,6 @@
# changelog v6.0.6 (2 décembre 2016)
- Grillade : redéfinition du périmètre de `-small` : passe de `(min-width: ($tiny + 1)) and (max-width: $small)` à `(min-width: ($tiny + 1)) and (max-width: $medium)` (de 544px à 767px par défaut)
# changelog v6.0.5 (1er décembre 2016)
- redéfinition des variables de breakpoints, à présent calées sur [celles de Bootstrap](https://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints)

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

View file

@ -1,6 +1,6 @@
{
"name": "knacss",
"version": "6.0.5",
"version": "6.0.6",
"homepage": "http://www.knacss.com/",
"bugs": "https://github.com/alsacreations/KNACSS/issues",
"author": [

View file

@ -112,9 +112,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}"] {
& > * {