0001-css-remove-sass-_flexbox-mixins-42546.patch
static/amiens-metropole/style.scss | ||
---|---|---|
5 | 5 |
@import '../includes/publik'; |
6 | 6 |
@import '../includes/categories'; |
7 | 7 |
@import '../includes/dashboard'; |
8 |
@import '../includes/flexbox_mixins'; |
|
9 | 8 |
@import 'forms'; |
10 | 9 |
@import 'footer'; |
11 | 10 |
@import 'header'; |
static/dreux/style.scss | ||
---|---|---|
2 | 2 | |
3 | 3 |
@import 'vars'; |
4 | 4 |
@import '../includes/publik'; |
5 |
@import '../includes/flexbox_mixins'; |
|
6 | 5 |
@import 'custom'; |
static/grandlyon-sau/style.scss | ||
---|---|---|
2 | 2 | |
3 | 3 |
@import 'vars'; |
4 | 4 |
@import '../includes/publik'; |
5 |
@import '../includes/flexbox_mixins'; |
|
6 | 5 |
@import '../includes/font-source-sans-pro'; |
7 | 6 |
@import 'custom'; |
8 | 7 |
@import 'categorie-demande'; |
static/hautes-alpes-2018/style.scss | ||
---|---|---|
4 | 4 |
@import 'vars'; |
5 | 5 |
@import '../includes/publik'; |
6 | 6 |
@import '../includes/categories'; |
7 |
@import '../includes/flexbox_mixins'; |
|
8 | 7 |
@import 'custom'; |
9 | 8 |
@import 'circle-steps'; |
10 | 9 |
@import 'neutral-variant'; |
static/includes/_flexbox_mixins.scss | ||
---|---|---|
1 |
// -------------------------------------------------- |
|
2 |
// Flexbox SASS mixins |
|
3 |
// The spec: http://www.w3.org/TR/css3-flexbox |
|
4 |
// -------------------------------------------------- |
|
5 |
// Flexbox display |
|
6 |
@mixin flexbox() { |
|
7 |
display: -webkit-box; |
|
8 |
display: -moz-box; |
|
9 |
display: -ms-flexbox; |
|
10 |
display: -webkit-flex; |
|
11 |
display: flex; |
|
12 |
} |
|
13 |
// The 'flex' shorthand |
|
14 |
// - applies to: flex items |
|
15 |
// <positive-number>, initial, auto, or none |
|
16 |
@mixin flex($values) { |
|
17 |
-webkit-box-flex: $values; |
|
18 |
-moz-box-flex: $values; |
|
19 |
-webkit-flex: $values; |
|
20 |
-ms-flex: $values; |
|
21 |
flex: $values; |
|
22 |
} |
|
23 |
// Flex Flow Direction |
|
24 |
// - applies to: flex containers |
|
25 |
// row | row-reverse | column | column-reverse |
|
26 |
@mixin flex-direction($direction) { |
|
27 |
-webkit-flex-direction: $direction; |
|
28 |
-moz-flex-direction: $direction; |
|
29 |
-ms-flex-direction: $direction; |
|
30 |
flex-direction: $direction; |
|
31 |
} |
|
32 |
// Display Order |
|
33 |
// - applies to: flex items |
|
34 |
// <integer> |
|
35 |
@mixin order($val) { |
|
36 |
-webkit-box-ordinal-group: $val; |
|
37 |
-moz-box-ordinal-group: $val; |
|
38 |
-ms-flex-order: $val; |
|
39 |
-webkit-order: $val; |
|
40 |
order: $val; |
|
41 |
} |
|
42 |
// Axis Alignment |
|
43 |
// - applies to: flex containers |
|
44 |
// flex-start | flex-end | center | space-between | space-around |
|
45 |
@mixin justify-content($justify) { |
|
46 |
-webkit-justify-content: $justify; |
|
47 |
-moz-justify-content: $justify; |
|
48 |
-ms-justify-content: $justify; |
|
49 |
justify-content: $justify; |
|
50 |
-ms-flex-pack: $justify; |
|
51 |
} |
static/meyzieu-2018/_custom.scss | ||
---|---|---|
130 | 130 |
margin-bottom: 2ex; |
131 | 131 |
.carrousel-wrapper { |
132 | 132 |
display: flex; |
133 |
@include flex(0 0 calc(#{$width} - #{$sidebar-width}));
|
|
133 |
flex: 0 0 calc(#{$width} - #{$sidebar-width});
|
|
134 | 134 |
@media screen and ($max-mobile-viewport) { |
135 | 135 |
flex-direction: column; |
136 | 136 |
flex: 0; |
static/meyzieu-2018/style.scss | ||
---|---|---|
2 | 2 | |
3 | 3 |
@import "vars"; |
4 | 4 |
@import "../includes/publik"; |
5 |
@import "../includes/flexbox_mixins"; |
|
6 | 5 |
@import "custom"; |
7 |
- |