Skip to content

Commit 9b94cc1

Browse files
adamwathanadamwathan
committed
Add sr-only and not-sr-only utilities
1 parent 9169e96 commit 9b94cc1

File tree

5 files changed

+493
-0
lines changed

5 files changed

+493
-0
lines changed

‎__tests__/fixtures/tailwind-output-important.css

Lines changed: 230 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -602,6 +602,52 @@ video {
602602
}
603603
}
604604

605+
.sr-only {
606+
position: absolute !important;
607+
width: 1px !important;
608+
height: 1px !important;
609+
padding: 0 !important;
610+
margin: -1px !important;
611+
overflow: hidden !important;
612+
clip: rect(0, 0, 0, 0) !important;
613+
white-space: nowrap !important;
614+
border-width: 0 !important;
615+
}
616+
617+
.not-sr-only {
618+
position: static !important;
619+
width: auto !important;
620+
height: auto !important;
621+
padding: 0 !important;
622+
margin: 0 !important;
623+
overflow: visible !important;
624+
clip: auto !important;
625+
white-space: normal !important;
626+
}
627+
628+
.focus\:sr-only:focus {
629+
position: absolute !important;
630+
width: 1px !important;
631+
height: 1px !important;
632+
padding: 0 !important;
633+
margin: -1px !important;
634+
overflow: hidden !important;
635+
clip: rect(0, 0, 0, 0) !important;
636+
white-space: nowrap !important;
637+
border-width: 0 !important;
638+
}
639+
640+
.focus\:not-sr-only:focus {
641+
position: static !important;
642+
width: auto !important;
643+
height: auto !important;
644+
padding: 0 !important;
645+
margin: 0 !important;
646+
overflow: visible !important;
647+
clip: auto !important;
648+
white-space: normal !important;
649+
}
650+
605651
.appearance-none {
606652
appearance: none !important;
607653
}
@@ -7503,6 +7549,52 @@ video {
75037549
}
75047550

75057551
@media (min-width: 640px) {
7552+
.sm\:sr-only {
7553+
position: absolute !important;
7554+
width: 1px !important;
7555+
height: 1px !important;
7556+
padding: 0 !important;
7557+
margin: -1px !important;
7558+
overflow: hidden !important;
7559+
clip: rect(0, 0, 0, 0) !important;
7560+
white-space: nowrap !important;
7561+
border-width: 0 !important;
7562+
}
7563+
7564+
.sm\:not-sr-only {
7565+
position: static !important;
7566+
width: auto !important;
7567+
height: auto !important;
7568+
padding: 0 !important;
7569+
margin: 0 !important;
7570+
overflow: visible !important;
7571+
clip: auto !important;
7572+
white-space: normal !important;
7573+
}
7574+
7575+
.sm\:focus\:sr-only:focus {
7576+
position: absolute !important;
7577+
width: 1px !important;
7578+
height: 1px !important;
7579+
padding: 0 !important;
7580+
margin: -1px !important;
7581+
overflow: hidden !important;
7582+
clip: rect(0, 0, 0, 0) !important;
7583+
white-space: nowrap !important;
7584+
border-width: 0 !important;
7585+
}
7586+
7587+
.sm\:focus\:not-sr-only:focus {
7588+
position: static !important;
7589+
width: auto !important;
7590+
height: auto !important;
7591+
padding: 0 !important;
7592+
margin: 0 !important;
7593+
overflow: visible !important;
7594+
clip: auto !important;
7595+
white-space: normal !important;
7596+
}
7597+
75067598
.sm\:appearance-none {
75077599
appearance: none !important;
75087600
}
@@ -14405,6 +14497,52 @@ video {
1440514497
}
1440614498

1440714499
@media (min-width: 768px) {
14500+
.md\:sr-only {
14501+
position: absolute !important;
14502+
width: 1px !important;
14503+
height: 1px !important;
14504+
padding: 0 !important;
14505+
margin: -1px !important;
14506+
overflow: hidden !important;
14507+
clip: rect(0, 0, 0, 0) !important;
14508+
white-space: nowrap !important;
14509+
border-width: 0 !important;
14510+
}
14511+
14512+
.md\:not-sr-only {
14513+
position: static !important;
14514+
width: auto !important;
14515+
height: auto !important;
14516+
padding: 0 !important;
14517+
margin: 0 !important;
14518+
overflow: visible !important;
14519+
clip: auto !important;
14520+
white-space: normal !important;
14521+
}
14522+
14523+
.md\:focus\:sr-only:focus {
14524+
position: absolute !important;
14525+
width: 1px !important;
14526+
height: 1px !important;
14527+
padding: 0 !important;
14528+
margin: -1px !important;
14529+
overflow: hidden !important;
14530+
clip: rect(0, 0, 0, 0) !important;
14531+
white-space: nowrap !important;
14532+
border-width: 0 !important;
14533+
}
14534+
14535+
.md\:focus\:not-sr-only:focus {
14536+
position: static !important;
14537+
width: auto !important;
14538+
height: auto !important;
14539+
padding: 0 !important;
14540+
margin: 0 !important;
14541+
overflow: visible !important;
14542+
clip: auto !important;
14543+
white-space: normal !important;
14544+
}
14545+
1440814546
.md\:appearance-none {
1440914547
appearance: none !important;
1441014548
}
@@ -21307,6 +21445,52 @@ video {
2130721445
}
2130821446

2130921447
@media (min-width: 1024px) {
21448+
.lg\:sr-only {
21449+
position: absolute !important;
21450+
width: 1px !important;
21451+
height: 1px !important;
21452+
padding: 0 !important;
21453+
margin: -1px !important;
21454+
overflow: hidden !important;
21455+
clip: rect(0, 0, 0, 0) !important;
21456+
white-space: nowrap !important;
21457+
border-width: 0 !important;
21458+
}
21459+
21460+
.lg\:not-sr-only {
21461+
position: static !important;
21462+
width: auto !important;
21463+
height: auto !important;
21464+
padding: 0 !important;
21465+
margin: 0 !important;
21466+
overflow: visible !important;
21467+
clip: auto !important;
21468+
white-space: normal !important;
21469+
}
21470+
21471+
.lg\:focus\:sr-only:focus {
21472+
position: absolute !important;
21473+
width: 1px !important;
21474+
height: 1px !important;
21475+
padding: 0 !important;
21476+
margin: -1px !important;
21477+
overflow: hidden !important;
21478+
clip: rect(0, 0, 0, 0) !important;
21479+
white-space: nowrap !important;
21480+
border-width: 0 !important;
21481+
}
21482+
21483+
.lg\:focus\:not-sr-only:focus {
21484+
position: static !important;
21485+
width: auto !important;
21486+
height: auto !important;
21487+
padding: 0 !important;
21488+
margin: 0 !important;
21489+
overflow: visible !important;
21490+
clip: auto !important;
21491+
white-space: normal !important;
21492+
}
21493+
2131021494
.lg\:appearance-none {
2131121495
appearance: none !important;
2131221496
}
@@ -28209,6 +28393,52 @@ video {
2820928393
}
2821028394

2821128395
@media (min-width: 1280px) {
28396+
.xl\:sr-only {
28397+
position: absolute !important;
28398+
width: 1px !important;
28399+
height: 1px !important;
28400+
padding: 0 !important;
28401+
margin: -1px !important;
28402+
overflow: hidden !important;
28403+
clip: rect(0, 0, 0, 0) !important;
28404+
white-space: nowrap !important;
28405+
border-width: 0 !important;
28406+
}
28407+
28408+
.xl\:not-sr-only {
28409+
position: static !important;
28410+
width: auto !important;
28411+
height: auto !important;
28412+
padding: 0 !important;
28413+
margin: 0 !important;
28414+
overflow: visible !important;
28415+
clip: auto !important;
28416+
white-space: normal !important;
28417+
}
28418+
28419+
.xl\:focus\:sr-only:focus {
28420+
position: absolute !important;
28421+
width: 1px !important;
28422+
height: 1px !important;
28423+
padding: 0 !important;
28424+
margin: -1px !important;
28425+
overflow: hidden !important;
28426+
clip: rect(0, 0, 0, 0) !important;
28427+
white-space: nowrap !important;
28428+
border-width: 0 !important;
28429+
}
28430+
28431+
.xl\:focus\:not-sr-only:focus {
28432+
position: static !important;
28433+
width: auto !important;
28434+
height: auto !important;
28435+
padding: 0 !important;
28436+
margin: 0 !important;
28437+
overflow: visible !important;
28438+
clip: auto !important;
28439+
white-space: normal !important;
28440+
}
28441+
2821228442
.xl\:appearance-none {
2821328443
appearance: none !important;
2821428444
}

0 commit comments

Comments
 (0)