Abstract style to mixin

Abstract general style to mixin file for reuse.
This commit is contained in:
Deng, Qian 2018-08-06 14:42:17 +08:00
parent 37176c8fe5
commit 91da5f015c
2 changed files with 14 additions and 8 deletions

View File

@ -18,3 +18,14 @@
right: 35px;
margin-top: 4px;
}
@mixin absolute-center($width:108px) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: $width !important;
height: $width !important;
}

View File

@ -1,3 +1,5 @@
@import "../../mixin";
.title-container {
display: flex;
.chart-name {
@ -10,12 +12,5 @@
}
.detail-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 108px !important;
height: 108px !important;
@include absolute-center;
}