mirror of
https://github.com/status-im/consul.git
synced 2025-01-20 18:50:04 +00:00
520eb41393
We've had a set of %placeholders in our base styles for quite a while but not butten the bullet to use them. This begins to use them. We had to make a small amount of tweaks to base whilst doing this, but its as we'd prefer there to be as few font placeholders as possible. We might/should be able to reduce these further at somepoint, or potentially rename them. We currently have six header fonts (or 4 header fonts/2 strong body fonts) and 3 body fonts. We also noticed an empty CSS file and deleted that while we were here. We also noticed that the bottom border of structure tabs was a pixel larger than ours so we tweaked that here also.
43 lines
829 B
SCSS
43 lines
829 B
SCSS
%button {
|
|
position: relative;
|
|
}
|
|
%button .progress.indeterminate {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -12px;
|
|
margin-top: -12px;
|
|
}
|
|
%button:disabled .progress + * {
|
|
visibility: hidden;
|
|
}
|
|
%button:empty {
|
|
padding-right: 0 !important;
|
|
padding-left: 18px !important;
|
|
margin-right: 5px;
|
|
}
|
|
%button:empty::before {
|
|
left: 1px;
|
|
}
|
|
%button:not(:empty) {
|
|
display: inline-flex;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: calc(0.5em - 1px) calc(2.2em - 1px);
|
|
min-width: 100px;
|
|
}
|
|
%button:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
%button-compact {
|
|
padding-top: calc(0.4em - 1px) !important;
|
|
padding-bottom: calc(0.4em - 1px) !important;
|
|
}
|
|
%internal-button {
|
|
padding: 0.75rem 1rem;
|
|
text-align: center;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
}
|