1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- @import './var.scss';
- .my-fontsize-normal {
- font-size: $fontSizeNormal;
- color: $fontColor;
- }
- .my-fontsize-Large {
- font-size: $fontSizeLarge;
- }
- .my-fontsize-Small {
- font-size: $fontSizeSmall;
- }
- .my-fontsize-title {
- font-size: $fontSizeTitle;
- }
- .my-flex {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .flex-column {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-start;
- }
- .flex-column-center {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .flex-between {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .flex-around {
- display: flex;
- justify-content: space-around;
- align-items: center;
- }
- .flex-start {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
- .flex-end {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- }
- .line {
- position: relative;
- &::before {
- content: '';
- position: absolute;
- top: 50%;
- left: 0;
- transform: translateY(-50%);
- width: 6rpx;
- height: $fontSizeNormal;
- border-radius: 2rpx;
- background-color: #3F92F9;
- }
- }
|