ant-design/components/empty/style/index.less
dependabot[bot] b445baa001
chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 (#32451)
* chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2

Bumps [stylelint-config-prettier](https://github.com/prettier/stylelint-config-prettier) from 8.0.2 to 9.0.2.
- [Release notes](https://github.com/prettier/stylelint-config-prettier/releases)
- [Commits](https://github.com/prettier/stylelint-config-prettier/compare/v8.0.2...v9.0.2)

---
updated-dependencies:
- dependency-name: stylelint-config-prettier
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: autofix stylelint errors

* chore: autofix stylelint errors

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: afc163 <afc163@gmail.com>
2021-10-13 15:38:59 +08:00

152 lines
2.1 KiB
Plaintext

@import '../../style/themes/index';
@import '../../style/mixins/index';
@empty-prefix-cls: ~'@{ant-prefix}-empty';
@empty-img-prefix-cls: ~'@{ant-prefix}-empty-img';
.@{empty-prefix-cls} {
margin: 0 8px;
font-size: @empty-font-size;
line-height: @line-height-base;
text-align: center;
&-image {
height: 100px;
margin-bottom: 8px;
img {
height: 100%;
}
svg {
height: 100%;
margin: auto;
}
}
&-footer {
margin-top: 16px;
}
// antd internal empty style
&-normal {
margin: 32px 0;
color: @disabled-color;
.@{empty-prefix-cls}-image {
height: 40px;
}
}
&-small {
margin: 8px 0;
color: @disabled-color;
.@{empty-prefix-cls}-image {
height: 35px;
}
}
}
.@{empty-img-prefix-cls}-default {
// not support the definition because the less variables have no meaning
& when (@theme = dark) {
&-ellipse {
fill: @white;
fill-opacity: 0.08;
}
&-path {
&-1 {
fill: #262626;
}
&-2 {
fill: url(#linearGradient-1);
}
&-3 {
fill: #595959;
}
&-4 {
fill: #434343;
}
&-5 {
fill: #595959;
}
}
&-g {
fill: #434343;
}
}
& when not (@theme = dark) {
&-ellipse {
fill: #f5f5f5;
fill-opacity: 0.8;
}
&-path {
&-1 {
fill: #aeb8c2;
}
&-2 {
fill: url(#linearGradient-1);
}
&-3 {
fill: #f5f5f7;
}
&-4 {
fill: #dce0e6;
}
&-5 {
fill: #dce0e6;
}
}
&-g {
fill: @white;
}
}
}
.@{empty-img-prefix-cls}-simple {
// not support the definition because the less variables have no meaning
& when (@theme = dark) {
&-ellipse {
fill: @white;
fill-opacity: 0.08;
}
&-g {
stroke: #434343;
}
&-path {
fill: #262626;
stroke: #434343;
}
}
& when not (@theme = dark) {
&-ellipse {
fill: #f5f5f5;
}
&-g {
stroke: #d9d9d9;
}
&-path {
fill: #fafafa;
}
}
}
@import './rtl';