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

v6.1.2 (21 juin 2017)

Browse source
This commit is contained in:
Raphael Goetter 2017-06-21 10:50:33 +02:00
parent 679a936f5b
commit 689c3d32f7
14 changed files with 54 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

12
sass/utilities/_layout.scss
View file

@ -83,16 +83,19 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="#{$kna-namespace}flex-container"],
.#{$kna-namespace}flex-container {
.#{$kna-namespace}flex-container,
.d-flex {
display: flex;
flex-wrap: wrap;
}
.#{$kna-namespace}flex-container-h {
.#{$kna-namespace}flex-container-h,
.flex-row {
flex-direction: row;
}
.#{$kna-namespace}flex-container-v {
.#{$kna-namespace}flex-container-v,
.flex-column {
flex-direction: column;
}
@ -117,6 +120,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
}
.#{$kna-namespace}flex-item-center,
.#{$kna-namespace}item-center {
.#{$kna-namespace}item-center,
.mr-auto {
margin: auto;
}

8
sass/utilities/_responsive.scss
View file

@ -5,7 +5,7 @@
/* large screens */
/* ------------- */
@media (min-width: ($medium + 1)) {
@media (min-width: $large) {
/* layouts for large screens */
.#{$kna-namespace}large-hidden {
@ -68,7 +68,7 @@
/* medium screens */
/* -------------- */
@media (min-width: ($small + 1)) and (max-width: $large) {
@media (min-width: $medium) and (max-width: ($large - 1)) {
/* layouts for medium screens */
.#{$kna-namespace}medium-hidden {
@ -131,7 +131,7 @@
/* small screens */
/* ------------- */
@media (min-width: ($tiny + 1)) and (max-width: $small) {
@media (min-width: $small) and (max-width: ($medium - 1)) {
/* layouts for small screens */
.#{$kna-namespace}small-hidden {
@ -200,7 +200,7 @@
/* tiny screens */
/* ------------ */
@media (max-width: $tiny) {
@media (max-width: $small - 1) {
/* quick small resolution reset */
.#{$kna-namespace}mod,