a9bc935391
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
575 B
SCSS
33 lines
575 B
SCSS
%anchor-decoration,
|
|
%anchor-decoration-active {
|
|
text-decoration: none;
|
|
}
|
|
%anchor-decoration-intent {
|
|
text-decoration: underline;
|
|
}
|
|
%anchor,
|
|
%anchor-intent,
|
|
%anchor-active {
|
|
color: $color-action;
|
|
}
|
|
%anchor-decoration:hover,
|
|
%anchor-decoration:focus {
|
|
@extend %anchor-decoration-intent;
|
|
}
|
|
%anchor-decoration:active {
|
|
@extend %anchor-decoration-active;
|
|
}
|
|
%anchor {
|
|
@extend %anchor-decoration;
|
|
cursor: pointer;
|
|
background-color: $transparent;
|
|
}
|
|
%anchor:hover,
|
|
%anchor:focus {
|
|
@extend %anchor-intent;
|
|
}
|
|
%anchor:active {
|
|
@extend %anchor-active;
|
|
outline: 0;
|
|
}
|