ant-design-blazor/components/alert/style/rtl.less

73 lines
1.2 KiB
Plaintext
Raw Normal View History

2020-03-23 13:51:37 +08:00
@import '../../style/themes/index';
@import '../../style/mixins/index';
@alert-prefix-cls: ~'@{ant-prefix}-alert';
.@{alert-prefix-cls} {
2020-04-26 10:41:53 +08:00
&&-rtl {
2020-03-23 13:51:37 +08:00
padding: 8px 37px 8px 15px;
direction: rtl;
}
2020-04-30 10:55:54 +08:00
&&-no-icon {
.@{alert-prefix-cls}-rtl& {
padding: @alert-no-icon-padding-vertical 15px;
}
}
2020-03-23 13:51:37 +08:00
&&-closable {
2020-04-26 10:41:53 +08:00
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& {
padding-right: 37px;
padding-left: 30px;
}
}
&&-no-icon&-closable {
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& {
2020-03-23 13:51:37 +08:00
padding-right: 15px;
padding-left: 30px;
}
}
&-icon {
.@{alert-prefix-cls}-rtl & {
right: 16px;
left: auto;
}
}
&-close-icon {
.@{alert-prefix-cls}-rtl & {
right: auto;
left: 16px;
}
}
2020-04-26 10:41:53 +08:00
&-with-description,
&-with-description&-closable {
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& {
2020-03-23 13:51:37 +08:00
padding: 15px 64px 15px 15px;
}
}
&-with-description&-no-icon {
2020-04-26 10:41:53 +08:00
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& {
2020-03-23 13:51:37 +08:00
padding: 15px;
}
}
&-with-description &-icon {
.@{alert-prefix-cls}-rtl& {
right: 24px;
left: auto;
}
}
&-with-description &-close-icon {
.@{alert-prefix-cls}-rtl& {
right: auto;
left: 16px;
}
}
}