tachybase_todo/.dumi/theme/builtins/Alert.less
chenos d5d0e1036b
docs: add docs (#75)
* docs: add docs

* ignore dumi theme test

* fix: error TS2717: Subsequent property declarations must have the same type.

* update docs

* deploy gh-pages

* plugins docs

* hash & cname

* exportStatic

* ssr

* vercel

* vercel

* fix: deploy vercel

* Delete vercel.json

* docs

* fix APP_DIST

* on master branch
2021-04-17 21:33:21 +08:00

69 lines
1.1 KiB
Plaintext
Executable File

@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;
}
}