You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
244 lines
2.2 KiB
244 lines
2.2 KiB
// padding
|
|
.pa-3 {
|
|
padding: 12px;
|
|
}
|
|
|
|
.pb-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.pb-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.pb-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.pb-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
// margin
|
|
.ma-3 {
|
|
margin: 12px;
|
|
}
|
|
|
|
.mx-2{
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.my-2{
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.my-3{
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.my-4{
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.mt-1{
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.mt-2{
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.mt-3{
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.mt-4{
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.mb-1{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mb-2{
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mb-3{
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.mb-4{
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.ml-2{
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.ml-3{
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.ml-4{
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.ml-5{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.ml-6{
|
|
margin-left: 24px;
|
|
}
|
|
|
|
.ml-7{
|
|
margin-left: 28px;
|
|
}
|
|
|
|
.ml-8{
|
|
margin-left: 32px;
|
|
}
|
|
|
|
.mr-1{
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.mr-2{
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mr-3{
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.mr-4{
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.mr-5{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mr-6{
|
|
margin-right: 24px;
|
|
}
|
|
|
|
// background
|
|
.white {
|
|
background: white;
|
|
}
|
|
|
|
// flex
|
|
.d-flex{
|
|
display: flex;
|
|
}
|
|
|
|
.flex-wrap{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.flex-nowrap{
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.flex-column{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-column-reverse{
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.flex-row{
|
|
flex-direction: row;
|
|
}
|
|
|
|
.flex-row-reverse{
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.justify-center{
|
|
justify-content: center;
|
|
}
|
|
|
|
.justify-space-between{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-1{
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
// other
|
|
.pointer{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.fill-height{
|
|
height:100%;
|
|
}
|
|
|
|
// font
|
|
.font-bold-24{
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.font-24{
|
|
font-size: 24px;
|
|
}
|
|
|
|
.font-bold-16{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.font-16{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.font-bold-14{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.font-14{
|
|
font-size: 14px;
|
|
}
|
|
|
|
.icon-size{
|
|
font-size: 20px;
|
|
}
|
|
|
|
h2{
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: rgba(0,0,0,.85)
|
|
}
|
|
|
|
.textColor{
|
|
color: rgba(0,0,0,.65)
|
|
}
|
|
|
|
.baseColor{
|
|
color: #13ACC4
|
|
}
|
|
|
|
.bg{
|
|
background: #F5F5F5
|
|
}
|
|
|
|
.ant-btn-primary{
|
|
background-color: #13ACC4
|
|
border-color: #13ACC4;
|
|
}
|
|
|
|
.ant-btn-link:hover, .ant-btn-link:focus{
|
|
color: #13ACC4;
|
|
}
|
|
|