gestion de conflit des classes .grid-item-*

This commit is contained in:
Raphael Goetter 2016-11-10 16:45:11 +01:00
parent 5d7ce42692
commit 4eec65bf89
9 changed files with 24 additions and 22 deletions

View file

@ -15,8 +15,8 @@ $font-stack-common : sans-serif !default; // common font
$font-stack-headings : sans-serif !default; // headings font
$font-stack-monospace : consolas, courier, monospace !default; // monospace font
// font colors
$base-color : #000 !default; // text color on body and content
// colors (content and/or backgrounds)
$base-color : #000 !default;
$alpha-color : #fff !default;
$beta-color : #333 !default;
$gamma-color : #000 !default;

View file

@ -85,11 +85,11 @@ $iefix: 0.01px;
margin-right: auto !important;
}
// Grid order
.grid-item-first {
.item-first {
order: -1;
}
.grid-item-last {
.item-last {
order: 1;
}

View file

@ -102,21 +102,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
}
.#{$kna-namespace}flex-item-first,
.#{$kna-namespace}grid-item-first {
.#{$kna-namespace}item-first {
order : -1;
}
.#{$kna-namespace}flex-item-medium,
.#{$kna-namespace}grid-item-medium {
.#{$kna-namespace}item-medium {
order : 0;
}
.#{$kna-namespace}flex-item-last,
.#{$kna-namespace}grid-item-last {
.#{$kna-namespace}item-last {
order : 1;
}
.#{$kna-namespace}flex-item-center,
.#{$kna-namespace}grid-item-center {
.#{$kna-namespace}item-center {
margin: auto;
}