Blame view

components/thorui/fui-css/widget/flexbox.scss 2.21 KB
46b6767c   刘淇   init 提交到库
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;
  }