8a2e5203ad
Hint, ActionRow, Toolbar, EmptyState and ExternalLink replace the muted text, button row, refresh bar, empty line and _blank anchor that each page restyled under its own class. ExpandableCard (with a loading twin) holds the builds and recent-runs cards, which had identical head and body CSS. The create form's raw checkbox becomes CheckboxField. The components page shows each new piece.
35 lines
917 B
CSS
35 lines
917 B
CSS
/* <Button> — same touch-target floor as `.ui-form-control`
|
|
(../form-field/FormField.css: 2.75em ≈ 44px at the default root font,
|
|
WCAG 2.5.5) so a button never reads as a smaller tap target than the
|
|
input sitting next to it. Colours are the shared base16-derived vars
|
|
(../../theme.css). */
|
|
.ui-button {
|
|
border-radius: 0.3em;
|
|
padding: 0.5em 1.2em;
|
|
font: inherit;
|
|
cursor: pointer;
|
|
min-height: 2.75em;
|
|
}
|
|
.ui-button-primary {
|
|
background: var(--purple-dim);
|
|
color: var(--fg);
|
|
border: none;
|
|
}
|
|
.ui-button-default {
|
|
background: var(--bg-elev);
|
|
color: var(--fg);
|
|
border: 1px solid var(--border);
|
|
}
|
|
/* `plain`: text only, no box, for a control that reads as a link in a row of
|
|
text (it keeps the touch-target height). */
|
|
.ui-button-plain {
|
|
background: none;
|
|
color: inherit;
|
|
border: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
.ui-button:disabled {
|
|
opacity: 0.6;
|
|
cursor: default;
|
|
}
|