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; right: 35px;
margin-top: 4px; 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 { .title-container {
display: flex; display: flex;
.chart-name { .chart-name {
@ -10,12 +12,5 @@
} }
.detail-loading { .detail-loading {
position: absolute; @include absolute-center;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 108px !important;
height: 108px !important;
} }