mirror of
https://github.com/status-im/consul.git
synced 2025-02-18 00:27:04 +00:00
61d7e9ba87
1. empty-state amends to bring it closer to what is in Structure and optionally support icons. 2. You may have a button that semantically should be a button (it performs and action not a link), but you want it to look like an anchor, this means it shouldn't have an outline when :active. 3. Adds `label.type-password` as a `%form-element` 4. Adds an error state to our `%notice` CSS component
33 lines
617 B
SCSS
33 lines
617 B
SCSS
@import '../base/components/notice/index';
|
|
%notice {
|
|
margin-bottom: 1em;
|
|
}
|
|
%notice-success::before {
|
|
@extend %with-check-circle-fill-color-icon;
|
|
}
|
|
%notice-info::before {
|
|
@extend %with-info-circle-fill-color-icon;
|
|
}
|
|
%notice-highlight::before {
|
|
@extend %with-star-icon;
|
|
}
|
|
%notice-warning::before {
|
|
@extend %with-alert-triangle-color-icon;
|
|
}
|
|
%notice-error::before {
|
|
@extend %with-cancel-square-fill-color-icon;
|
|
}
|
|
/**/
|
|
.notice.warning {
|
|
@extend %notice-warning;
|
|
}
|
|
.notice.error {
|
|
@extend %notice-error;
|
|
}
|
|
.notice.info {
|
|
@extend %notice-info;
|
|
}
|
|
.notice.policy-management {
|
|
@extend %notice-highlight;
|
|
}
|