Skip to content

Commit 6230cc3

Browse files
adamwathanadamwathan
committed
Add responsive divide style utilities
1 parent f32ae23 commit 6230cc3

File tree

6 files changed

+401
-0
lines changed

6 files changed

+401
-0
lines changed

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

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32342,6 +32342,26 @@ video {
3234232342
border-color: rgba(117, 26, 61, var(--divide-opacity));
3234332343
}
3234432344

32345+
.sm\:divide-solid > :not(template) ~ :not(template) {
32346+
border-style: solid;
32347+
}
32348+
32349+
.sm\:divide-dashed > :not(template) ~ :not(template) {
32350+
border-style: dashed;
32351+
}
32352+
32353+
.sm\:divide-dotted > :not(template) ~ :not(template) {
32354+
border-style: dotted;
32355+
}
32356+
32357+
.sm\:divide-double > :not(template) ~ :not(template) {
32358+
border-style: double;
32359+
}
32360+
32361+
.sm\:divide-none > :not(template) ~ :not(template) {
32362+
border-style: none;
32363+
}
32364+
3234532365
.sm\:divide-opacity-0 > :not(template) ~ :not(template) {
3234632366
--divide-opacity: 0;
3234732367
}
@@ -61809,6 +61829,26 @@ video {
6180961829
border-color: rgba(117, 26, 61, var(--divide-opacity));
6181061830
}
6181161831

61832+
.md\:divide-solid > :not(template) ~ :not(template) {
61833+
border-style: solid;
61834+
}
61835+
61836+
.md\:divide-dashed > :not(template) ~ :not(template) {
61837+
border-style: dashed;
61838+
}
61839+
61840+
.md\:divide-dotted > :not(template) ~ :not(template) {
61841+
border-style: dotted;
61842+
}
61843+
61844+
.md\:divide-double > :not(template) ~ :not(template) {
61845+
border-style: double;
61846+
}
61847+
61848+
.md\:divide-none > :not(template) ~ :not(template) {
61849+
border-style: none;
61850+
}
61851+
6181261852
.md\:divide-opacity-0 > :not(template) ~ :not(template) {
6181361853
--divide-opacity: 0;
6181461854
}
@@ -91276,6 +91316,26 @@ video {
9127691316
border-color: rgba(117, 26, 61, var(--divide-opacity));
9127791317
}
9127891318

91319+
.lg\:divide-solid > :not(template) ~ :not(template) {
91320+
border-style: solid;
91321+
}
91322+
91323+
.lg\:divide-dashed > :not(template) ~ :not(template) {
91324+
border-style: dashed;
91325+
}
91326+
91327+
.lg\:divide-dotted > :not(template) ~ :not(template) {
91328+
border-style: dotted;
91329+
}
91330+
91331+
.lg\:divide-double > :not(template) ~ :not(template) {
91332+
border-style: double;
91333+
}
91334+
91335+
.lg\:divide-none > :not(template) ~ :not(template) {
91336+
border-style: none;
91337+
}
91338+
9127991339
.lg\:divide-opacity-0 > :not(template) ~ :not(template) {
9128091340
--divide-opacity: 0;
9128191341
}
@@ -120743,6 +120803,26 @@ video {
120743120803
border-color: rgba(117, 26, 61, var(--divide-opacity));
120744120804
}
120745120805

120806+
.xl\:divide-solid > :not(template) ~ :not(template) {
120807+
border-style: solid;
120808+
}
120809+
120810+
.xl\:divide-dashed > :not(template) ~ :not(template) {
120811+
border-style: dashed;
120812+
}
120813+
120814+
.xl\:divide-dotted > :not(template) ~ :not(template) {
120815+
border-style: dotted;
120816+
}
120817+
120818+
.xl\:divide-double > :not(template) ~ :not(template) {
120819+
border-style: double;
120820+
}
120821+
120822+
.xl\:divide-none > :not(template) ~ :not(template) {
120823+
border-style: none;
120824+
}
120825+
120746120826
.xl\:divide-opacity-0 > :not(template) ~ :not(template) {
120747120827
--divide-opacity: 0;
120748120828
}

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

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11779,6 +11779,26 @@ video {
1177911779
border-color: #702459;
1178011780
}
1178111781

11782+
.sm\:divide-solid > :not(template) ~ :not(template) {
11783+
border-style: solid;
11784+
}
11785+
11786+
.sm\:divide-dashed > :not(template) ~ :not(template) {
11787+
border-style: dashed;
11788+
}
11789+
11790+
.sm\:divide-dotted > :not(template) ~ :not(template) {
11791+
border-style: dotted;
11792+
}
11793+
11794+
.sm\:divide-double > :not(template) ~ :not(template) {
11795+
border-style: double;
11796+
}
11797+
11798+
.sm\:divide-none > :not(template) ~ :not(template) {
11799+
border-style: none;
11800+
}
11801+
1178211802
.sm\:sr-only {
1178311803
position: absolute;
1178411804
width: 1px;
@@ -22191,6 +22211,26 @@ video {
2219122211
border-color: #702459;
2219222212
}
2219322213

22214+
.md\:divide-solid > :not(template) ~ :not(template) {
22215+
border-style: solid;
22216+
}
22217+
22218+
.md\:divide-dashed > :not(template) ~ :not(template) {
22219+
border-style: dashed;
22220+
}
22221+
22222+
.md\:divide-dotted > :not(template) ~ :not(template) {
22223+
border-style: dotted;
22224+
}
22225+
22226+
.md\:divide-double > :not(template) ~ :not(template) {
22227+
border-style: double;
22228+
}
22229+
22230+
.md\:divide-none > :not(template) ~ :not(template) {
22231+
border-style: none;
22232+
}
22233+
2219422234
.md\:sr-only {
2219522235
position: absolute;
2219622236
width: 1px;
@@ -32603,6 +32643,26 @@ video {
3260332643
border-color: #702459;
3260432644
}
3260532645

32646+
.lg\:divide-solid > :not(template) ~ :not(template) {
32647+
border-style: solid;
32648+
}
32649+
32650+
.lg\:divide-dashed > :not(template) ~ :not(template) {
32651+
border-style: dashed;
32652+
}
32653+
32654+
.lg\:divide-dotted > :not(template) ~ :not(template) {
32655+
border-style: dotted;
32656+
}
32657+
32658+
.lg\:divide-double > :not(template) ~ :not(template) {
32659+
border-style: double;
32660+
}
32661+
32662+
.lg\:divide-none > :not(template) ~ :not(template) {
32663+
border-style: none;
32664+
}
32665+
3260632666
.lg\:sr-only {
3260732667
position: absolute;
3260832668
width: 1px;
@@ -43015,6 +43075,26 @@ video {
4301543075
border-color: #702459;
4301643076
}
4301743077

43078+
.xl\:divide-solid > :not(template) ~ :not(template) {
43079+
border-style: solid;
43080+
}
43081+
43082+
.xl\:divide-dashed > :not(template) ~ :not(template) {
43083+
border-style: dashed;
43084+
}
43085+
43086+
.xl\:divide-dotted > :not(template) ~ :not(template) {
43087+
border-style: dotted;
43088+
}
43089+
43090+
.xl\:divide-double > :not(template) ~ :not(template) {
43091+
border-style: double;
43092+
}
43093+
43094+
.xl\:divide-none > :not(template) ~ :not(template) {
43095+
border-style: none;
43096+
}
43097+
4301843098
.xl\:sr-only {
4301943099
position: absolute;
4302043100
width: 1px;

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

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19747,6 +19747,26 @@ video {
1974719747
border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
1974819748
}
1974919749

19750+
.sm\:divide-solid > :not(template) ~ :not(template) {
19751+
border-style: solid !important;
19752+
}
19753+
19754+
.sm\:divide-dashed > :not(template) ~ :not(template) {
19755+
border-style: dashed !important;
19756+
}
19757+
19758+
.sm\:divide-dotted > :not(template) ~ :not(template) {
19759+
border-style: dotted !important;
19760+
}
19761+
19762+
.sm\:divide-double > :not(template) ~ :not(template) {
19763+
border-style: double !important;
19764+
}
19765+
19766+
.sm\:divide-none > :not(template) ~ :not(template) {
19767+
border-style: none !important;
19768+
}
19769+
1975019770
.sm\:divide-opacity-0 > :not(template) ~ :not(template) {
1975119771
--divide-opacity: 0 !important;
1975219772
}
@@ -37759,6 +37779,26 @@ video {
3775937779
border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
3776037780
}
3776137781

37782+
.md\:divide-solid > :not(template) ~ :not(template) {
37783+
border-style: solid !important;
37784+
}
37785+
37786+
.md\:divide-dashed > :not(template) ~ :not(template) {
37787+
border-style: dashed !important;
37788+
}
37789+
37790+
.md\:divide-dotted > :not(template) ~ :not(template) {
37791+
border-style: dotted !important;
37792+
}
37793+
37794+
.md\:divide-double > :not(template) ~ :not(template) {
37795+
border-style: double !important;
37796+
}
37797+
37798+
.md\:divide-none > :not(template) ~ :not(template) {
37799+
border-style: none !important;
37800+
}
37801+
3776237802
.md\:divide-opacity-0 > :not(template) ~ :not(template) {
3776337803
--divide-opacity: 0 !important;
3776437804
}
@@ -55771,6 +55811,26 @@ video {
5577155811
border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
5577255812
}
5577355813

55814+
.lg\:divide-solid > :not(template) ~ :not(template) {
55815+
border-style: solid !important;
55816+
}
55817+
55818+
.lg\:divide-dashed > :not(template) ~ :not(template) {
55819+
border-style: dashed !important;
55820+
}
55821+
55822+
.lg\:divide-dotted > :not(template) ~ :not(template) {
55823+
border-style: dotted !important;
55824+
}
55825+
55826+
.lg\:divide-double > :not(template) ~ :not(template) {
55827+
border-style: double !important;
55828+
}
55829+
55830+
.lg\:divide-none > :not(template) ~ :not(template) {
55831+
border-style: none !important;
55832+
}
55833+
5577455834
.lg\:divide-opacity-0 > :not(template) ~ :not(template) {
5577555835
--divide-opacity: 0 !important;
5577655836
}
@@ -73783,6 +73843,26 @@ video {
7378373843
border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
7378473844
}
7378573845

73846+
.xl\:divide-solid > :not(template) ~ :not(template) {
73847+
border-style: solid !important;
73848+
}
73849+
73850+
.xl\:divide-dashed > :not(template) ~ :not(template) {
73851+
border-style: dashed !important;
73852+
}
73853+
73854+
.xl\:divide-dotted > :not(template) ~ :not(template) {
73855+
border-style: dotted !important;
73856+
}
73857+
73858+
.xl\:divide-double > :not(template) ~ :not(template) {
73859+
border-style: double !important;
73860+
}
73861+
73862+
.xl\:divide-none > :not(template) ~ :not(template) {
73863+
border-style: none !important;
73864+
}
73865+
7378673866
.xl\:divide-opacity-0 > :not(template) ~ :not(template) {
7378773867
--divide-opacity: 0 !important;
7378873868
}

0 commit comments

Comments
 (0)