Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
61 righe
1.4 KiB
61 righe
1.4 KiB
5 anni fa
|
@mixin display-flex() {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -moz-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
@mixin display-inline-flex() {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -moz-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin flex-flow($direction:row, $wrap:nowrap) {
|
||
|
|
flex-flow: $direction $wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@mixin flex-wrap($wrap:nowrap) {
|
||
|
|
-webkit-flex-wrap: $wrap;
|
||
|
|
-ms-flex-wrap: $wrap;
|
||
|
|
flex-wrap: $wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin flex-direction($direction:row) {
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-webkit-flex-direction: $direction;
|
||
|
|
-ms-flex-direction: $direction;
|
||
|
|
flex-direction: $direction;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin justify-content($justify-content:flex-start) {
|
||
|
|
-webkit-justify-content: $justify-content;
|
||
|
|
-moz-justify-content: $justify-content;
|
||
|
|
-ms-justify-content: $justify-content;
|
||
|
|
justify-content: $justify-content;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin align-content($align-content:flex-start) {
|
||
|
|
-webkit-align-content: $align-content;
|
||
|
|
-moz-align-content: $align-content;
|
||
|
|
-ms-align-content: $align-content;
|
||
|
|
align-content: $align-content;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin align-items($align-items:flex-start) {
|
||
|
|
-webkit-align-items: $align-items;
|
||
|
|
-moz-align-items: $align-items;
|
||
|
|
-ms-align-items: $align-items;
|
||
|
|
align-items: $align-items;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin align-self($align-self:auto) {
|
||
|
|
-webkit-align-self: $align-self;
|
||
|
|
-moz-align-self: $align-self;
|
||
|
|
-ms-align-self: $align-self;
|
||
|
|
align-self: $align-self;
|
||
|
|
}
|