css: remove sass _flexbox-mixins (#42546)
This commit is contained in:
parent
f77133f00d
commit
af6b337bc4
|
@ -5,7 +5,6 @@
|
|||
@import '../includes/publik';
|
||||
@import '../includes/categories';
|
||||
@import '../includes/dashboard';
|
||||
@import '../includes/flexbox_mixins';
|
||||
@import 'forms';
|
||||
@import 'footer';
|
||||
@import 'header';
|
||||
|
|
|
@ -2,5 +2,4 @@
|
|||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import '../includes/flexbox_mixins';
|
||||
@import 'custom';
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import '../includes/flexbox_mixins';
|
||||
@import '../includes/font-source-sans-pro';
|
||||
@import 'custom';
|
||||
@import 'categorie-demande';
|
||||
|
|
|
@ -4,7 +4,6 @@
|
|||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import '../includes/categories';
|
||||
@import '../includes/flexbox_mixins';
|
||||
@import 'custom';
|
||||
@import 'circle-steps';
|
||||
@import 'neutral-variant';
|
||||
|
|
|
@ -1,51 +0,0 @@
|
|||
// --------------------------------------------------
|
||||
// Flexbox SASS mixins
|
||||
// The spec: http://www.w3.org/TR/css3-flexbox
|
||||
// --------------------------------------------------
|
||||
// Flexbox display
|
||||
@mixin flexbox() {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
// The 'flex' shorthand
|
||||
// - applies to: flex items
|
||||
// <positive-number>, initial, auto, or none
|
||||
@mixin flex($values) {
|
||||
-webkit-box-flex: $values;
|
||||
-moz-box-flex: $values;
|
||||
-webkit-flex: $values;
|
||||
-ms-flex: $values;
|
||||
flex: $values;
|
||||
}
|
||||
// Flex Flow Direction
|
||||
// - applies to: flex containers
|
||||
// row | row-reverse | column | column-reverse
|
||||
@mixin flex-direction($direction) {
|
||||
-webkit-flex-direction: $direction;
|
||||
-moz-flex-direction: $direction;
|
||||
-ms-flex-direction: $direction;
|
||||
flex-direction: $direction;
|
||||
}
|
||||
// Display Order
|
||||
// - applies to: flex items
|
||||
// <integer>
|
||||
@mixin order($val) {
|
||||
-webkit-box-ordinal-group: $val;
|
||||
-moz-box-ordinal-group: $val;
|
||||
-ms-flex-order: $val;
|
||||
-webkit-order: $val;
|
||||
order: $val;
|
||||
}
|
||||
// Axis Alignment
|
||||
// - applies to: flex containers
|
||||
// flex-start | flex-end | center | space-between | space-around
|
||||
@mixin justify-content($justify) {
|
||||
-webkit-justify-content: $justify;
|
||||
-moz-justify-content: $justify;
|
||||
-ms-justify-content: $justify;
|
||||
justify-content: $justify;
|
||||
-ms-flex-pack: $justify;
|
||||
}
|
|
@ -130,7 +130,7 @@ div#nav {
|
|||
margin-bottom: 2ex;
|
||||
.carrousel-wrapper {
|
||||
display: flex;
|
||||
@include flex(0 0 calc(#{$width} - #{$sidebar-width}));
|
||||
flex: 0 0 calc(#{$width} - #{$sidebar-width});
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
flex-direction: column;
|
||||
flex: 0;
|
||||
|
|
|
@ -2,5 +2,4 @@
|
|||
|
||||
@import "vars";
|
||||
@import "../includes/publik";
|
||||
@import "../includes/flexbox_mixins";
|
||||
@import "custom";
|
||||
|
|
Loading…
Reference in New Issue