From 82456a673188cb3f3890fc56077932922c1f83db Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Mon, 29 Apr 2019 08:28:55 -0400 Subject: [PATCH] Add remaining user select utilities --- .../fixtures/tailwind-output-important.css | 60 +++++++++++++++++++ __tests__/fixtures/tailwind-output.css | 60 +++++++++++++++++++ src/plugins/userSelect.js | 3 + 3 files changed, 123 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index cb92232d5..ab59443c3 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -7190,6 +7190,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; } @@ -14051,6 +14063,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; } @@ -20913,6 +20937,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; } @@ -27775,6 +27811,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; } @@ -34637,6 +34685,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 c6e60141a..6d4ee345e 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -7190,6 +7190,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; } @@ -14051,6 +14063,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; } @@ -20913,6 +20937,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; } @@ -27775,6 +27811,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; } @@ -34637,6 +34685,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') )