From 4185cd694ff4561a3e1bbdac629eddd2471fe994 Mon Sep 17 00:00:00 2001 From: Khaled Mohamed Date: Tue, 17 Dec 2024 21:41:31 +0200 Subject: [PATCH] feat: :wheelchair: add `styles` for `aria-disabled` attribute --- src/mixins/_reset-zone-styles.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/mixins/_reset-zone-styles.scss b/src/mixins/_reset-zone-styles.scss index 43d087b..b7624de 100644 --- a/src/mixins/_reset-zone-styles.scss +++ b/src/mixins/_reset-zone-styles.scss @@ -786,6 +786,24 @@ cursor: pointer; } + // * Change the cursor to the default cursor when the aria-disabled attribute is + // * set on an element. + // * + // * The aria-disabled attribute is used to indicate that an element is currently + // * disabled. When this attribute is set, the element should be inaccessible to + // * the user until it is re-enabled. + // * + // * This rule is used to provide a visual indication to the user that the + // * element is currently disabled and that it cannot be interacted with. + // * + // * For more information on the aria-disabled attribute, see the following + // * resources: + // * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled + + [aria-disabled] { + cursor: default; + } + // * The focus-visible pseudo-class is supported in modern browsers. // * It is used to indicate if the browser is currently allowing the // * user to focus on the element.