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

périmètre de -small- modifié

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
bower.json
View file

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

3
changelog.md
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) # 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) - redéfinition des variables de breakpoints, à présent calées sur [celles de Bootstrap](https://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints)

2
css/grillade.css
View file

File diff suppressed because one or more lines are too long

6
css/grillade.scss
View file

@ -122,9 +122,9 @@ $iefix: 0.01px;
} }
} }
/* Responsive Small Breakpoint */ /* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen" // -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 small) then 4 columns // 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: $small) { @media (min-width: ($tiny + 1)) and (max-width: $medium) {
@for $i from 1 through 4{ @for $i from 1 through 4{
[class*="-small-#{$i}"] { [class*="-small-#{$i}"] {
& > * { & > * {

2
css/knacss-unminified.css
View file

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

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long

2
package.json
View file

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

6
sass/grids/_grillade.scss
View file

@ -112,9 +112,9 @@ $iefix: 0.01px;
} }
} }
/* Responsive Small Breakpoint */ /* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen" // -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 small) then 4 columns // 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: $small) { @media (min-width: ($tiny + 1)) and (max-width: $medium) {
@for $i from 1 through 4{ @for $i from 1 through 4{
[class*="-small-#{$i}"] { [class*="-small-#{$i}"] {
& > * { & > * {