nocobase/.dumi/theme/builtins/Alert.less

69 lines
1.1 KiB
Plaintext
Raw Normal View History

@import (reference) '../style/variables.less';
.@{prefix}-alert {
@s-border-right: 3px;
position: relative;
margin: 24px 0;
padding: 15px;
color: @c-text;
font-size: 14px;
line-height: 20px;
border-left: 0;
background: #ffffff;
// box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.06);
border-radius: 1px;
&::after {
content: '';
position: absolute;
display: inline-block;
top: 0;
left: 0;
bottom: 0;
width: @s-border-right;
border-radius: 1px;
}
&:first-child {
margin-top: 0;
}
&:not([type]),
&[type='warning'] {
background-color: #fffbe6;
&::after {
background: #ffe58f;
}
}
&[type='info'] {
background: rgba(105, 185, 255, .15);
&::after {
background: #69b9ff;
}
.@{prefix}-alert-title {
color: #69b9ff;
}
}
&[type='success'] {
&::after {
background: #8cd225;
}
}
&[type='error'] {
&::after {
background: #ff4646;
}
}
.@{prefix}-alert-title {
margin-top: 0;
font-weight: 600;
color: #fab00e;
margin-bottom: .6em;
}
}