You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.0 KiB
64 lines
1.0 KiB
.wux-alert {
|
|
padding: 20rpx 30rpx;
|
|
position: relative;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
border-radius: 4rpx;
|
|
font-size: 28rpx
|
|
}
|
|
.wux-alert__thumb {
|
|
display: block;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 10rpx
|
|
}
|
|
.wux-alert__bd {
|
|
-ms-flex: 1;
|
|
flex: 1
|
|
}
|
|
.wux-alert__text {
|
|
text-align: left
|
|
}
|
|
.wux-alert__desc {
|
|
text-align: left;
|
|
line-height: 1.2;
|
|
font-size: 24rpx
|
|
}
|
|
.wux-alert--light {
|
|
color: #fff;
|
|
background-color: #ddd
|
|
}
|
|
.wux-alert--stable {
|
|
color: #fff;
|
|
background-color: #b2b2b2
|
|
}
|
|
.wux-alert--positive {
|
|
color: #fff;
|
|
background-color: #387ef5
|
|
}
|
|
.wux-alert--calm {
|
|
color: #fff;
|
|
background-color: #11c1f3
|
|
}
|
|
.wux-alert--assertive {
|
|
color: #fff;
|
|
background-color: #ef473a
|
|
}
|
|
.wux-alert--balanced {
|
|
color: #fff;
|
|
background-color: #33cd5f
|
|
}
|
|
.wux-alert--energized {
|
|
color: #fff;
|
|
background-color: #ffc900
|
|
}
|
|
.wux-alert--royal {
|
|
color: #fff;
|
|
background-color: #886aea
|
|
}
|
|
.wux-alert--dark {
|
|
color: #fff;
|
|
background-color: #444
|
|
}
|