mirror of
https://github.com/primer/css.git
synced 2024-12-25 15:14:59 +03:00
Move some form
styles to base.scss
(#2327)
* Move fieldset + label styles to base.scss * Create giant-boxes-vanish.md * Move ::placeholder
This commit is contained in:
parent
f0e6eabee7
commit
8cf13e984c
5
.changeset/giant-boxes-vanish.md
Normal file
5
.changeset/giant-boxes-vanish.md
Normal file
@ -0,0 +1,5 @@
|
||||
---
|
||||
"@primer/css": patch
|
||||
---
|
||||
|
||||
Move `fieldset` + `label` styles to `base.scss`
|
@ -34,6 +34,22 @@ strong {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
// Custom styling for HTML5 validation bubbles (WebKit only)
|
||||
::placeholder {
|
||||
color: var(--color-fg-subtle);
|
||||
opacity: 1; // override opacity in normalize.css
|
||||
}
|
||||
|
||||
// Horizontal lines
|
||||
//
|
||||
// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s
|
||||
|
@ -5,16 +5,6 @@
|
||||
//
|
||||
// Overrides for common inputs for easier styling.
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-select {
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
@ -96,12 +86,6 @@ textarea.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
// Custom styling for HTML5 validation bubbles (WebKit only)
|
||||
::placeholder {
|
||||
color: var(--color-fg-subtle);
|
||||
opacity: 1; // override opacity in normalize.css
|
||||
}
|
||||
|
||||
// Mini inputs, to match .minibutton
|
||||
.input-sm {
|
||||
min-height: $size-4;
|
||||
|
Loading…
Reference in New Issue
Block a user