diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-30 19:27:21 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-31 23:15:07 +0200 |
| commit | 782cc0a31a866519fb7c3e18a523b347d3e40238 (patch) | |
| tree | 34fb984e8dc356cd013e5e0d6f203a8c8907b9fe /src/styles/abstracts | |
| parent | 519b1439dce3f25dd38cd0d0f82fecd10f28dcc8 (diff) | |
chore: replace Checkbox component with a BooleanField component
Checkbox and radio buttons are working the same way so I decided to
group them in a same component.
Diffstat (limited to 'src/styles/abstracts')
| -rw-r--r-- | src/styles/abstracts/_mixins.scss | 1 | ||||
| -rw-r--r-- | src/styles/abstracts/mixins/_helpers.scss | 13 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/styles/abstracts/_mixins.scss b/src/styles/abstracts/_mixins.scss index a49c848..da77164 100644 --- a/src/styles/abstracts/_mixins.scss +++ b/src/styles/abstracts/_mixins.scss @@ -1 +1,2 @@ +@forward "./mixins/helpers"; @forward "./mixins/media-queries"; diff --git a/src/styles/abstracts/mixins/_helpers.scss b/src/styles/abstracts/mixins/_helpers.scss new file mode 100644 index 0000000..427ea4b --- /dev/null +++ b/src/styles/abstracts/mixins/_helpers.scss @@ -0,0 +1,13 @@ +@use "../functions" as fun; + +@mixin visually-hidden { + width: fun.convert-px(1); + height: fun.convert-px(1); + padding: 0; + position: absolute !important; + overflow: hidden; + border: 0; + clip: rect(1px, 1px, 1px, 1px); + word-break: normal; + word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ +} |