diff --git a/src/components/forms/_fieldset.scss b/src/components/forms/_fieldset.scss index de07906..690c4cb 100644 --- a/src/components/forms/_fieldset.scss +++ b/src/components/forms/_fieldset.scss @@ -1,5 +1,5 @@ fieldset { - border: 1px solid var(--color-fieldset-border); + border: var(--border-sm) solid var(--color-fieldset-border); border-radius: var(--radius-fieldset); padding: var(--spacing-lg); } diff --git a/src/components/forms/select/_select.scss b/src/components/forms/select/_select.scss index f08a5e5..c71d55c 100644 --- a/src/components/forms/select/_select.scss +++ b/src/components/forms/select/_select.scss @@ -1,7 +1,7 @@ // CSS-only select styling (from https://github.com/filamentgroup/select-css) .form-item__dropdown { - border: 1px solid clr(accent); + border: var(--border-sm) solid clr(accent); display: block; position: relative; @@ -30,7 +30,7 @@ } .form-item__select { - border: 1px solid var(--selectdropdown-button-stroke); + border: var(--border-sm) solid var(--selectdropdown-button-stroke); height: 41px; // set height required for discrepancy between .form-item__dropdown border and the select :focus border font-size: 16px; margin: 0; diff --git a/src/components/forms/textfields/_textfields.scss b/src/components/forms/textfields/_textfields.scss index 6337382..5cd0edd 100644 --- a/src/components/forms/textfields/_textfields.scss +++ b/src/components/forms/textfields/_textfields.scss @@ -22,7 +22,7 @@ } .form-item__textfield { - border: 1px solid var(--input-border-color); + border: var(--border-sm) solid var(--input-border-color); border-radius: var(--input-radius); padding: var(--input-padding-y) var(--input-padding-x); max-width: 100%; @@ -44,7 +44,7 @@ .form-fieldset { margin-bottom: 2em; - border: 1px solid var(--color-fieldset-border); + border: var(--border-sm) solid var(--color-fieldset-border); border-radius: var(--radius-fieldset); padding: var(--spacing-lg); diff --git a/src/components/input/_input.scss b/src/components/input/_input.scss index a7108fe..e12d2b7 100644 --- a/src/components/input/_input.scss +++ b/src/components/input/_input.scss @@ -9,7 +9,7 @@ } &__input { - border: 1px solid var(--input-border-color); + border: var(--border-sm) solid var(--input-border-color); border-radius: var(--input-radius); padding: var(--input-padding-y) var(--input-padding-x); font-weight: bold; @@ -33,4 +33,4 @@ --input-color-label: var(--colors-warning-default); --input-border-color: var(--colors-warning-default); --input-color-help-text: var(--colors-warning-default); -} +} \ No newline at end of file