studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) merge duplicated scss classes related to accessibility

Browse Source 
'offscreen' and 'c__offscreen' were duplicated, merge these two classes
in a dedicated utils file.
This commit is contained in:
Lebaud Antoine
2023-10-13 21:23:09 +02:00
committed by aleb_the_flash
parent b714c3d543
commit d5fcf500b7
6 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react/src/utils/_accessibility.scss Normal file
View File

@@ -0,0 +1,12 @@
.c__offscreen {
position: absolute;
width: 1px;
height: 1px !important;
padding: 0 !important;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0 !important;
}

14
packages/react/src/utils/_index.scss
View File

@@ -1,19 +1,5 @@
@use "sass:math";
.c__offscreen {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
@function strip-unit($number) {
// Divide $number by its own unit to get a unitless number.
// According to math.div documentation, "Any units shared by both numbers will be canceled out."