From 782cc0a31a866519fb7c3e18a523b347d3e40238 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 30 May 2022 19:27:21 +0200 Subject: 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. --- src/styles/abstracts/_mixins.scss | 1 + src/styles/abstracts/mixins/_helpers.scss | 13 +++++++++++++ 2 files changed, 14 insertions(+) create mode 100644 src/styles/abstracts/mixins/_helpers.scss (limited to 'src/styles/abstracts') 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. */ +} -- cgit v1.2.3