amis2/scss/components/_alert.scss

57 lines
1.2 KiB
SCSS
Raw Normal View History

2019-04-30 11:11:25 +08:00
.#{$ns}Alert {
2019-12-06 09:58:08 +08:00
font-size: $Alert-fontSize;
box-shadow: $Alert-boxShadow;
padding: $Alert-paddingY $Alert-paddingX;
border: $Alert-borderWidth solid $Alert-borderColor;
border-radius: $Alert-borderRadius;
margin-bottom: $Alert-marginBottom;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&-close {
outline: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
2019-04-30 11:11:25 +08:00
}
2019-12-06 09:58:08 +08:00
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--danger {
color: $Alert--danger-color;
background-color: $Alert--danger-bg;
border-color: $Alert--danger-borderColor;
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--info {
color: $Alert--info-color;
background-color: $Alert--info-bg;
border-color: $Alert--info-borderColor;
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--success {
color: $Alert--success-color;
background-color: $Alert--success-bg;
border-color: $Alert--success-borderColor;
}
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&--warning {
color: $Alert--warning-color;
background-color: $Alert--warning-bg;
border-color: $Alert--warning-borderColor;
}
}