12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- @import 'mixins/mixins';
- @import 'common/var';
- @include b(result) {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
- box-sizing: border-box;
- padding: $--result-padding;
- @include e(icon) {
- svg {
- width: $--result-icon-font-size;
- height: $--result-icon-font-size;
- }
- }
- @include e(title) {
- margin-top: $--result-title-margin-top;
- p {
- margin: 0;
- font-size: $--result-title-font-size;
- color: $--color-text-primary;
- line-height: 1.3;
- }
- }
- @include e(subtitle) {
- margin-top: $--result-subtitle-margin-top;
- p {
- margin: 0;
- font-size: $--font-size-base;
- color: $--color-text-regular;
- line-height: 1.3;
- }
- }
- @include e(extra) {
- margin-top: $--result-extra-margin-top;
- }
- .icon-success {
- fill: $--result-success-color;
- }
- .icon-error {
- fill: $--result-danger-color;
- }
- .icon-info {
- fill: $--result-info-color;
- }
- .icon-warning {
- fill: $--result-warning-color;
- }
- }
|