/*!
|
* 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;
|
}
|