mirror of
https://github.com/status-im/consul.git
synced 2025-01-16 08:45:37 +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
30 lines
462 B
SCSS
30 lines
462 B
SCSS
%empty-state-header {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
%empty-state {
|
|
width: 320px;
|
|
margin: 0 auto;
|
|
}
|
|
%empty-state-header {
|
|
margin-bottom: -3px;
|
|
}
|
|
%empty-state header {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
%empty-state > ul {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
margin-top: 1.5em;
|
|
padding-top: 0.6em;
|
|
border-top: 1px solid;
|
|
}
|
|
%empty-state-anchor {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
%empty-state-anchor::before {
|
|
margin-top: -1px;
|
|
}
|