157 lines
2.7 KiB
SCSS
157 lines
2.7 KiB
SCSS
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.flex-direction {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.align-start {
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.align-end {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.align-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.align-stretch {
|
||
align-items: stretch;
|
||
}
|
||
|
||
.self-start {
|
||
align-self: flex-start;
|
||
}
|
||
|
||
.self-center {
|
||
align-self: flex-center;
|
||
}
|
||
|
||
.self-end {
|
||
align-self: flex-end;
|
||
}
|
||
|
||
.self-stretch {
|
||
align-self: stretch;
|
||
}
|
||
|
||
.align-stretch {
|
||
align-items: stretch;
|
||
}
|
||
|
||
.justify-start {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.justify-around {
|
||
justify-content: space-around;
|
||
}
|
||
@for $i from 0 through 12 {
|
||
.rdx-flex-#{$i} {
|
||
flex: $i;
|
||
}
|
||
}
|
||
|
||
@for $i from 9 to 50 {
|
||
.rdx-font-#{$i} {
|
||
font-size: $i + px;
|
||
}
|
||
}
|
||
|
||
@for $i from 2 to 50 {
|
||
.rdx-radius-#{$i} {
|
||
border-radius: $i + px;
|
||
}
|
||
}
|
||
@for $i from 10 to 50 {
|
||
.rdx-line-height-#{$i} {
|
||
line-height: $i + px;
|
||
}
|
||
}
|
||
|
||
// 定义内外边距，历遍1-80
|
||
@for $i from 0 through 80 {
|
||
// 只要双数和能被5除尽的数
|
||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||
// 得出：u-margin-30或者u-m-30
|
||
.rdx-m-#{$i} {
|
||
margin: $i + px !important;
|
||
}
|
||
// 得出：u-padding-30或者u-p-30
|
||
.rdx-p-#{$i} {
|
||
padding: $i + px !important;
|
||
}
|
||
|
||
@each $short, $long in l left, t top, r right, b bottom {
|
||
// 缩写版，结果如： u-m-l-30
|
||
// 定义外边距
|
||
.rdx-m-#{$short}-#{$i} {
|
||
margin-#{$long}: $i + px !important;
|
||
}
|
||
|
||
// 定义内边距
|
||
.rdx-p-#{$short}-#{$i} {
|
||
padding-#{$long}: $i + px !important;
|
||
}
|
||
|
||
//自定义左右内边距
|
||
.rdx-p-lr-#{$i} {
|
||
padding-left:$i + px !important;
|
||
padding-right:$i + px !important;
|
||
}
|
||
//自定义上下内边距
|
||
.rdx-p-tb-#{$i} {
|
||
padding-top:$i + px !important;
|
||
padding-bottom:$i + px !important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
i{font-style: normal;}
|
||
.position-re{position: relative;}
|
||
.position-ab{position: absolute; z-index: 9;}
|
||
.position-fixed{position: fixed; background: rgba(92, 116, 143, 0.45); width: 100%; height: 100%; left: 0px; top: 0px; z-index: 10;}
|
||
.round{border-radius: 50%;}
|
||
.font-strong{font-weight: bold;}
|
||
.color-del{color:$del-color}
|
||
.color-primary{color: $primary-color;}
|
||
.color-remark{color: #666666;}
|
||
.color-9{color: #999999;}
|
||
.color-green{color: #38a800;}
|
||
.bg-white{background-color: white;}
|
||
.line-bottom{border-bottom: 1px solid #eeeeee;}
|
||
.button-pointer{cursor: pointer;}
|
||
.box-shadow-item{box-shadow: 0px 0px 4px 0px rgba(45, 45, 46, 0.1);}
|
||
.search-form .search-form-item label {text-align: right; padding-right: 6px;}
|
||
|
||
|
||
.break-all{
|
||
word-break: break-all;
|
||
}
|
||
.blocks{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.cursor-pointer{
|
||
cursor: pointer;
|
||
}
|