|
@@ -2,27 +2,30 @@ $zh-font-size: 12px !default;
|
|
|
$zh-green: #28a745 !default;
|
|
|
$zh-gray: #757575 !default;
|
|
|
$zh-muted: #6c757d !default;
|
|
|
-$zh-light-gray: #bbb !default;
|
|
|
+$zh-light-gray: #bbbbbb !default;
|
|
|
$zh-blue: #007bff !default;
|
|
|
$zh-red: #dc3545 !default;
|
|
|
$zh-yellow: #ffc170 !default;
|
|
|
-$zh-white: #fff !default;
|
|
|
+$zh-white: #ffffff !default;
|
|
|
$zh-line-color: rgba(0,0,0,.125) !default;
|
|
|
+$zh-danger:#fd3995 !default;
|
|
|
+$zh-warning:#ffc241 !default;
|
|
|
+$zh-success:#1dc9b7 !default;
|
|
|
|
|
|
|
|
|
// 实现0.5px的效果
|
|
|
@mixin zh-border {
|
|
|
position: relative;
|
|
|
&::after {
|
|
|
- content: ' ';
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
+ z-index: 2;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
border-radius: inherit;
|
|
|
+ content: ' ';
|
|
|
pointer-events: none;
|
|
|
- box-sizing: border-box;
|
|
|
- z-index: 2;
|
|
|
}
|
|
|
}
|