open-consul/ui-v2/app/styles/components/empty-state/index.scss
John Cowen a9bc935391 ui: Misc CSS amends, mainly changes to empty-state (#7743)
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
2020-05-12 17:14:39 +00:00

19 lines
381 B
SCSS

@import './layout';
@import './skin';
%empty-state header :first-child {
@extend %empty-state-header;
}
%empty-state header :nth-child(2) {
@extend %empty-state-subheader;
}
%empty-state-anchor {
@extend %anchor;
}
%empty-state > ul > li > *,
%empty-state > ul > li > label > button {
@extend %empty-state-anchor;
}
%empty-state > ul > li {
@extend %with-popover-menu;
}