diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 4e4e460ca..2a7000c65 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -7198,6 +7198,18 @@ video { user-select: text !important; } +.select-all { + user-select: all !important; +} + +.select-contain { + user-select: contain !important; +} + +.select-auto { + user-select: auto !important; +} + .align-baseline { vertical-align: baseline !important; } @@ -14067,6 +14079,18 @@ video { user-select: text !important; } + .sm\:select-all { + user-select: all !important; + } + + .sm\:select-contain { + user-select: contain !important; + } + + .sm\:select-auto { + user-select: auto !important; + } + .sm\:align-baseline { vertical-align: baseline !important; } @@ -20937,6 +20961,18 @@ video { user-select: text !important; } + .md\:select-all { + user-select: all !important; + } + + .md\:select-contain { + user-select: contain !important; + } + + .md\:select-auto { + user-select: auto !important; + } + .md\:align-baseline { vertical-align: baseline !important; } @@ -27807,6 +27843,18 @@ video { user-select: text !important; } + .lg\:select-all { + user-select: all !important; + } + + .lg\:select-contain { + user-select: contain !important; + } + + .lg\:select-auto { + user-select: auto !important; + } + .lg\:align-baseline { vertical-align: baseline !important; } @@ -34677,6 +34725,18 @@ video { user-select: text !important; } + .xl\:select-all { + user-select: all !important; + } + + .xl\:select-contain { + user-select: contain !important; + } + + .xl\:select-auto { + user-select: auto !important; + } + .xl\:align-baseline { vertical-align: baseline !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 26ee57947..ebe0863eb 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -7198,6 +7198,18 @@ video { user-select: text; } +.select-all { + user-select: all; +} + +.select-contain { + user-select: contain; +} + +.select-auto { + user-select: auto; +} + .align-baseline { vertical-align: baseline; } @@ -14067,6 +14079,18 @@ video { user-select: text; } + .sm\:select-all { + user-select: all; + } + + .sm\:select-contain { + user-select: contain; + } + + .sm\:select-auto { + user-select: auto; + } + .sm\:align-baseline { vertical-align: baseline; } @@ -20937,6 +20961,18 @@ video { user-select: text; } + .md\:select-all { + user-select: all; + } + + .md\:select-contain { + user-select: contain; + } + + .md\:select-auto { + user-select: auto; + } + .md\:align-baseline { vertical-align: baseline; } @@ -27807,6 +27843,18 @@ video { user-select: text; } + .lg\:select-all { + user-select: all; + } + + .lg\:select-contain { + user-select: contain; + } + + .lg\:select-auto { + user-select: auto; + } + .lg\:align-baseline { vertical-align: baseline; } @@ -34677,6 +34725,18 @@ video { user-select: text; } + .xl\:select-all { + user-select: all; + } + + .xl\:select-contain { + user-select: contain; + } + + .xl\:select-auto { + user-select: auto; + } + .xl\:align-baseline { vertical-align: baseline; } diff --git a/src/plugins/userSelect.js b/src/plugins/userSelect.js index fa2ebb11c..ade7dc8c4 100644 --- a/src/plugins/userSelect.js +++ b/src/plugins/userSelect.js @@ -4,6 +4,9 @@ export default function() { { '.select-none': { 'user-select': 'none' }, '.select-text': { 'user-select': 'text' }, + '.select-all': { 'user-select': 'all' }, + '.select-contain': { 'user-select': 'contain' }, + '.select-auto': { 'user-select': 'auto' }, }, variants('userSelect') )