test_MT/src/global.css

176 lines
2.0 KiB
CSS
Raw Normal View History

/* 盒子布局 */
.flex {
display: flex;
}
.flex_center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-between {
display: flex;
justify-content: space-between;
}
.flex_align_center {
justify-content: center;
}
.flex_hor_center {
align-items: center;
}
.flex-column-between {
justify-content: space-between;
}
.grid-2row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.grid-3row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
align-items: center;
}
.grid-4row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
align-items: center;
}
.grid-item {
width: fit-content;
justify-self: center;
align-self: center;
font-weight: 600;
font-size: 0.08rem;
}
.gap-70 {
gap: 70px;
}
.gap-90 {
gap: 90px;
}
.gap-10 {
gap: 10px;
}
.gap-20 {
gap: 20px;
}
.gap-55 {
gap: 55px;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-justifycenter {
justify-content: center;
}
.flex-aligcenter {
align-items: center;
}
.flex-column-center {
justify-content: center;
align-items: center;
}
/* 内外间距 */
.mgl-10 {
margin-left: 10px;
}
.mgl-20 {
margin-left: 10px;
}
.mgl-40 {
margin-left: 40px;
}
.mgl-90 {
margin-left: 90px;
}
.mgt-10 {
margin-top: 10px !important;
}
.mg-bottom-10 {
margin-bottom: 10px !important;
}
.mg-auto {
margin: 0 auto
}
/* 内边距 */
.pdvertical-10 {
padding: 10px 0;
}
.pd-10 {
padding: 10px;
}
.pd-top-10 {
padding-top: 10px;
}
.pd-bottom-20 {
padding-bottom: 20px;
}
/* 字体 */
.cwfontsizeblue {
font-size: 25px;
color: #2CC5FF;
font-weight: 900;
}
.cwfontsizeyellow {
font-size: 25px;
color: #FFC450;
font-weight: 900;
}
.imgtextBoxgreeen {
font-size: 25px;
color: #2FCF98;
font-weight: 900;
}
.cwlabelfontsize {
font-size: 12px;
}
/* .el-tabs--card>.el-tabs__header {
border: 0;
} */