gestion de conflit des classes .grid-item-*
This commit is contained in:
parent
5d7ce42692
commit
4eec65bf89
9 changed files with 24 additions and 22 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue