//
|
@mixin font-size($size) {
|
font-size: var($size);
|
}
|
|
.f-s {
|
@include font-size(--el-font-size-small);
|
}
|
|
.f-b {
|
@include font-size(--el-font-size-base);
|
}
|
|
.f-m {
|
@include font-size(--el-font-size-medium);
|
}
|
|
.f-l {
|
@include font-size(--el-font-size-large);
|
}
|
|
@mixin color($value) {
|
color: var($value);
|
}
|
|
.color-p {
|
@include color(--el-color-primary);
|
}
|
|
.color-s {
|
@include color(--el-color-success);
|
}
|
|
.color-w {
|
@include color(--el-color-warning);
|
}
|
|
.color-d {
|
@include color(--el-color-danger);
|
}
|
|
.color-e {
|
@include color(--el-color-error);
|
}
|
|
.color-i {
|
@include color(--el-color-info);
|
}
|
|
.b-color-aqua {
|
background-color: aqua;
|
}
|
|
//
|
.p-l-8 {
|
padding-left: 8px;
|
}
|
|
.p-v-8 {
|
padding: 8px 0;
|
}
|
|
.m-b-8 {
|
margin-bottom: 8px;
|
}
|
|
.m-l-4 {
|
margin-left: 4px;
|
}
|
|
.w-150px {
|
width: 290px;
|
}
|
|
//
|
.cursor-p {
|
cursor: pointer;
|
}
|
