flexbox.scss
2.21 KB
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
99
/*!
* flexbox v1.0.0 (https://doc.firstui.cn)
* Copyright 2024 FirstUI.
* Licensed under the Apache license
*/
.fs-flex,
.fs-flex__row {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
}
.fs-flex__column {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
}
.fs-flex__wrap { flex-wrap: wrap }
.fs-items__start { align-items: flex-start }
.fs-items__end { align-items: flex-end }
.fs-items__center { align-items: center }
/* #ifndef APP-NVUE */
.fs-items__baseline { align-items: baseline }
/* #endif */
.fs-items__stretch { align-items: stretch }
/* #ifndef APP-NVUE */
.fs-self__start { align-self: flex-start }
.fs-self__end { align-self: flex-end }
.fs-self__center { align-self: center }
.fs-self__baseline { align-self: baseline }
.fs-self__stretch { align-self: stretch }
/* #endif */
.fs-justify__start { justify-content: flex-start }
.fs-justify__end { justify-content: flex-end }
.fs-justify__center { justify-content: center }
.fs-justify__between { justify-content: space-between }
.fs-justify__around { justify-content: space-around }
/* #ifndef APP-NVUE */
.fs-justify__evenly { justify-content: space-evenly }
/* #endif */
/* #ifndef APP-NVUE */
.fs-content__start { align-content: flex-start }
.fs-content__end { align-content: flex-end }
.fs-content__center { align-content: center }
.fs-content__between { align-content: space-between }
.fs-content__around { align-content: space-around }
.fs-content__stretch { align-content: stretch }
/* #endif */
/* #ifndef APP-NVUE */
.fs-order__0 { order: 0 }
.fs-order__1 { order: 1 }
.fs-order__2 { order: 2 }
.fs-order__3 { order: 3 }
.fs-order__last { order: 99999 }
/* #endif */
.fs-flex__center{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
justify-content: center;
}
.fs-flex__between {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.fs-align__center {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
align-items: center;
flex-direction: row;
}
.fs-flex__reverse {
flex-direction: row-reverse;
}
.fs-flex__1,
.fs-flex1{
flex: 1;
}