-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
98 lines (70 loc) · 2.62 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/**
* Flexbox utilities
*/
/**
* Flex container
*/
.u-flex { display: flex !important; }
.u-inline-flex { display: inline-flex !important; }
/**
* 1. Set the flex-shrink default explicitly to fix IE10 - http://git.io/vllC7
*/
/* postcss-bem-linter: ignore */
.u-flex > *,
.u-inline-flex > * {
flex-shrink: 1; /* 1 */
}
/**
* Direction: row
*/
.u-flex-row { flex-direction: row !important; }
.u-flex-row-rev { flex-direction: row-reverse !important; }
/**
* Direction: column
*/
.u-flex-col { flex-direction: column !important; }
.u-flex-col-rev { flex-direction: column-reverse !important; }
/**
* Wrap
*/
.u-flex-wrap { flex-wrap: wrap !important; }
.u-flex-nowrap { flex-wrap: nowrap !important; }
.u-flex-wrap-rev { flex-wrap: wrap-reverse !important; }
/**
* Main-axis alignment of flex items in a flex container
*/
.u-flex-justify-start { justify-content: flex-start !important; }
.u-flex-justify-end { justify-content: flex-end !important; }
.u-flex-justify-center { justify-content: center !important; }
.u-flex-justify-between { justify-content: space-between !important; }
.u-flex-justify-around { justify-content: space-around !important; }
/**
* Cross-axis alignment of flex items in a flex container
* Similar to `justify-content` but in the perpendicular direction
*/
.u-flex-align-items-start { align-items: flex-start !important; }
.u-flex-align-items-end { align-items: flex-end !important; }
.u-flex-align-items-center { align-items: center !important; }
.u-flex-align-items-stretch { align-items: stretch !important; }
.u-flex-align-items-baseline { align-items: baseline !important; }
/**
* Aligns items within the flex container when there is extra
* space in the cross-axis
*
* Has no effect when there is only one line of flex items.
*/
.u-flex-align-content-start { align-content: flex-start !important; }
.u-flex-align-content-end { align-content: flex-end !important; }
.u-flex-align-content-center { align-content: center !important; }
.u-flex-align-content-stretch { align-content: stretch !important; }
.u-flex-align-content-between { align-content: space-between !important; }
.u-flex-align-content-around { align-content: space-around !important; }
/**
* Override default alignment of single item when specified by `align-items`
*/
.u-flex-align-self-start { align-self: flex-start !important; }
.u-flex-align-self-end { align-self: flex-end !important; }
.u-flex-align-self-center { align-self: center !important; }
.u-flex-align-self-stretch { align-self: stretch !important; }
.u-flex-align-self-baseline { align-self: baseline !important; }
.u-flex-align-self-auto { align-self: auto !important; }