💄 Change color for tips
This commit is contained in:
parent
abb67a98d1
commit
e8460a101b
|
@ -2,42 +2,41 @@
|
||||||
@border-width: 6px;
|
@border-width: 6px;
|
||||||
@border-type: solid;
|
@border-type: solid;
|
||||||
// Warning
|
// Warning
|
||||||
@warn-color: darkorange;
|
@warn-color: #FF8C00;
|
||||||
@warn-bg-color: lightyellow;
|
@warn-bg-color: #FFFAED;
|
||||||
// DANGER
|
// DANGER
|
||||||
@danger-color: darkred;
|
@danger-color: #C31919;
|
||||||
@danger-bg-color: lightpink;
|
@danger-bg-color: #FFEDED;
|
||||||
// Success
|
// Success
|
||||||
@success-color: darkgreen;
|
@success-color: #05B800;
|
||||||
@success-bg: lightgreen;
|
@success-bg: #F2FFED;
|
||||||
// Info
|
// Info
|
||||||
@info-color: #0052d9;
|
@info-color: #3478CD;
|
||||||
@info-bg: lightblue;
|
@info-bg: #F1F7FF;
|
||||||
|
|
||||||
.tips {
|
.tips {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 20px;
|
|
||||||
padding: 15px 15px;
|
padding: 15px 15px;
|
||||||
border-left-style: @border-type;
|
border-left-style: @border-type;
|
||||||
border-left-width: @border-width;
|
border-left-width: @border-width;
|
||||||
border-radius: @border-radius;
|
border-radius: @border-radius;
|
||||||
border-left-color: #666666;
|
border-left-color: #818181;
|
||||||
background-color: #eeeeee;
|
background-color: #F4F4F4;
|
||||||
|
|
||||||
&&:after {
|
&&:after {
|
||||||
font-family: "iconfont", serif !important;
|
font-family: "iconfont", serif !important;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
padding: 4px;
|
padding: 3px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
color: #eeeeee;
|
color: #F4F4F4;
|
||||||
background-color: #666666;
|
background-color: #818181;
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: calc(-12px - @border-width / 2);
|
left: calc(-10px - @border-width / 2);
|
||||||
top: 6px;
|
top: 4px;
|
||||||
content: "\e77e";
|
content: "\e77e";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue