From 91afd6759a5f7b63d9a66b52d96788167719f509 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 9 Oct 2020 08:16:44 -0400 Subject: [PATCH 1/2] Add `xl`, `2xl`, and `3xl` border radius values --- .../fixtures/tailwind-output-flagged.css | 720 ++++++++++++++++++ __tests__/fixtures/tailwind-output-ie11.css | 600 +++++++++++++++ .../fixtures/tailwind-output-important.css | 600 +++++++++++++++ .../tailwind-output-no-color-opacity.css | 600 +++++++++++++++ __tests__/fixtures/tailwind-output.css | 600 +++++++++++++++ stubs/defaultConfig.stub.js | 3 + 6 files changed, 3123 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index 6c11d31b9b5f..d6e3cdde053b 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -20009,6 +20009,18 @@ video { border-radius: 0.5rem; } +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-full { border-radius: 9999px; } @@ -20113,6 +20125,66 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} + +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} + +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -20213,6 +20285,54 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} + +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} + +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} + +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} + +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} + +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} + +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} + +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} + +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} + +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} + +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} + +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} + .rounded-tl-full { border-top-left-radius: 9999px; } @@ -63842,6 +63962,18 @@ video { border-radius: 0.5rem; } + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem; + } + .sm\:rounded-full { border-radius: 9999px; } @@ -63946,6 +64078,66 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -64046,6 +64238,54 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -107645,6 +107885,18 @@ video { border-radius: 0.5rem; } + .md\:rounded-xl { + border-radius: 0.75rem; + } + + .md\:rounded-2xl { + border-radius: 1rem; + } + + .md\:rounded-3xl { + border-radius: 1.5rem; + } + .md\:rounded-full { border-radius: 9999px; } @@ -107749,6 +108001,66 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -107849,6 +108161,54 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -151448,6 +151808,18 @@ video { border-radius: 0.5rem; } + .lg\:rounded-xl { + border-radius: 0.75rem; + } + + .lg\:rounded-2xl { + border-radius: 1rem; + } + + .lg\:rounded-3xl { + border-radius: 1.5rem; + } + .lg\:rounded-full { border-radius: 9999px; } @@ -151552,6 +151924,66 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -151652,6 +152084,54 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -195251,6 +195731,18 @@ video { border-radius: 0.5rem; } + .xl\:rounded-xl { + border-radius: 0.75rem; + } + + .xl\:rounded-2xl { + border-radius: 1rem; + } + + .xl\:rounded-3xl { + border-radius: 1.5rem; + } + .xl\:rounded-full { border-radius: 9999px; } @@ -195355,6 +195847,66 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -195455,6 +196007,54 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -239054,6 +239654,18 @@ video { border-radius: 0.5rem; } + .\32xl\:rounded-xl { + border-radius: 0.75rem; + } + + .\32xl\:rounded-2xl { + border-radius: 1rem; + } + + .\32xl\:rounded-3xl { + border-radius: 1.5rem; + } + .\32xl\:rounded-full { border-radius: 9999px; } @@ -239158,6 +239770,66 @@ video { border-bottom-left-radius: 0.5rem; } + .\32xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .\32xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .\32xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .\32xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .\32xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .\32xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .\32xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .\32xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .\32xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .\32xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .\32xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .\32xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .\32xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -239258,6 +239930,54 @@ video { border-bottom-left-radius: 0.5rem; } + .\32xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .\32xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .\32xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .\32xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .\32xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .\32xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .\32xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .\32xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .\32xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .\32xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .\32xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .\32xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .\32xl\:rounded-tl-full { border-top-left-radius: 9999px; } diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css index 43a8586e0260..f5e095949469 100644 --- a/__tests__/fixtures/tailwind-output-ie11.css +++ b/__tests__/fixtures/tailwind-output-ie11.css @@ -3771,6 +3771,18 @@ video { border-radius: 0.5rem; } +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-full { border-radius: 9999px; } @@ -3875,6 +3887,66 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} + +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} + +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -3975,6 +4047,54 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} + +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} + +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} + +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} + +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} + +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} + +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} + +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} + +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} + +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} + +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} + +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} + .rounded-tl-full { border-top-left-radius: 9999px; } @@ -14479,6 +14599,18 @@ video { border-radius: 0.5rem; } + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem; + } + .sm\:rounded-full { border-radius: 9999px; } @@ -14583,6 +14715,66 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -14683,6 +14875,54 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -25157,6 +25397,18 @@ video { border-radius: 0.5rem; } + .md\:rounded-xl { + border-radius: 0.75rem; + } + + .md\:rounded-2xl { + border-radius: 1rem; + } + + .md\:rounded-3xl { + border-radius: 1.5rem; + } + .md\:rounded-full { border-radius: 9999px; } @@ -25261,6 +25513,66 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -25361,6 +25673,54 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -35835,6 +36195,18 @@ video { border-radius: 0.5rem; } + .lg\:rounded-xl { + border-radius: 0.75rem; + } + + .lg\:rounded-2xl { + border-radius: 1rem; + } + + .lg\:rounded-3xl { + border-radius: 1.5rem; + } + .lg\:rounded-full { border-radius: 9999px; } @@ -35939,6 +36311,66 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -36039,6 +36471,54 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -46513,6 +46993,18 @@ video { border-radius: 0.5rem; } + .xl\:rounded-xl { + border-radius: 0.75rem; + } + + .xl\:rounded-2xl { + border-radius: 1rem; + } + + .xl\:rounded-3xl { + border-radius: 1.5rem; + } + .xl\:rounded-full { border-radius: 9999px; } @@ -46617,6 +47109,66 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -46717,6 +47269,54 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-tl-full { border-top-left-radius: 9999px; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 021a222a47e5..64ada894a4eb 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -9367,6 +9367,18 @@ video { border-radius: 0.5rem !important; } +.rounded-xl { + border-radius: 0.75rem !important; +} + +.rounded-2xl { + border-radius: 1rem !important; +} + +.rounded-3xl { + border-radius: 1.5rem !important; +} + .rounded-full { border-radius: 9999px !important; } @@ -9471,6 +9483,66 @@ video { border-bottom-left-radius: 0.5rem !important; } +.rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; +} + +.rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} + +.rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; +} + +.rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; +} + +.rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; +} + +.rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; +} + +.rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; +} + +.rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; +} + .rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; @@ -9571,6 +9643,54 @@ video { border-bottom-left-radius: 0.5rem !important; } +.rounded-tl-xl { + border-top-left-radius: 0.75rem !important; +} + +.rounded-tr-xl { + border-top-right-radius: 0.75rem !important; +} + +.rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; +} + +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; +} + +.rounded-tl-2xl { + border-top-left-radius: 1rem !important; +} + +.rounded-tr-2xl { + border-top-right-radius: 1rem !important; +} + +.rounded-br-2xl { + border-bottom-right-radius: 1rem !important; +} + +.rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; +} + +.rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; +} + +.rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; +} + +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; +} + +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; +} + .rounded-tl-full { border-top-left-radius: 9999px !important; } @@ -27836,6 +27956,18 @@ video { border-radius: 0.5rem !important; } + .sm\:rounded-xl { + border-radius: 0.75rem !important; + } + + .sm\:rounded-2xl { + border-radius: 1rem !important; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem !important; + } + .sm\:rounded-full { border-radius: 9999px !important; } @@ -27940,6 +28072,66 @@ video { border-bottom-left-radius: 0.5rem !important; } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + .sm\:rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; @@ -28040,6 +28232,54 @@ video { border-bottom-left-radius: 0.5rem !important; } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } + .sm\:rounded-tl-full { border-top-left-radius: 9999px !important; } @@ -46275,6 +46515,18 @@ video { border-radius: 0.5rem !important; } + .md\:rounded-xl { + border-radius: 0.75rem !important; + } + + .md\:rounded-2xl { + border-radius: 1rem !important; + } + + .md\:rounded-3xl { + border-radius: 1.5rem !important; + } + .md\:rounded-full { border-radius: 9999px !important; } @@ -46379,6 +46631,66 @@ video { border-bottom-left-radius: 0.5rem !important; } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + .md\:rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; @@ -46479,6 +46791,54 @@ video { border-bottom-left-radius: 0.5rem !important; } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } + .md\:rounded-tl-full { border-top-left-radius: 9999px !important; } @@ -64714,6 +65074,18 @@ video { border-radius: 0.5rem !important; } + .lg\:rounded-xl { + border-radius: 0.75rem !important; + } + + .lg\:rounded-2xl { + border-radius: 1rem !important; + } + + .lg\:rounded-3xl { + border-radius: 1.5rem !important; + } + .lg\:rounded-full { border-radius: 9999px !important; } @@ -64818,6 +65190,66 @@ video { border-bottom-left-radius: 0.5rem !important; } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; + } + + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; + } + + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; + } + + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; + } + + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; + } + + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; + } + + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + .lg\:rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; @@ -64918,6 +65350,54 @@ video { border-bottom-left-radius: 0.5rem !important; } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } + + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } + + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } + + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } + + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } + + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } + + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } + .lg\:rounded-tl-full { border-top-left-radius: 9999px !important; } @@ -83153,6 +83633,18 @@ video { border-radius: 0.5rem !important; } + .xl\:rounded-xl { + border-radius: 0.75rem !important; + } + + .xl\:rounded-2xl { + border-radius: 1rem !important; + } + + .xl\:rounded-3xl { + border-radius: 1.5rem !important; + } + .xl\:rounded-full { border-radius: 9999px !important; } @@ -83257,6 +83749,66 @@ video { border-bottom-left-radius: 0.5rem !important; } + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; + } + + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; + } + + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } + + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; + } + + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; + } + + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } + + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; + } + + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; + } + + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } + .xl\:rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; @@ -83357,6 +83909,54 @@ video { border-bottom-left-radius: 0.5rem !important; } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } + + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } + + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } + + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } + + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } + + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } + + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } + .xl\:rounded-tl-full { border-top-left-radius: 9999px !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 20fcbd2c0a19..8323b5670600 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -7939,6 +7939,18 @@ video { border-radius: 0.5rem; } +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-full { border-radius: 9999px; } @@ -8043,6 +8055,66 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} + +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} + +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -8143,6 +8215,54 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} + +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} + +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} + +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} + +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} + +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} + +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} + +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} + +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} + +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} + +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} + +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} + .rounded-tl-full { border-top-left-radius: 9999px; } @@ -23960,6 +24080,18 @@ video { border-radius: 0.5rem; } + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem; + } + .sm\:rounded-full { border-radius: 9999px; } @@ -24064,6 +24196,66 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -24164,6 +24356,54 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -39951,6 +40191,18 @@ video { border-radius: 0.5rem; } + .md\:rounded-xl { + border-radius: 0.75rem; + } + + .md\:rounded-2xl { + border-radius: 1rem; + } + + .md\:rounded-3xl { + border-radius: 1.5rem; + } + .md\:rounded-full { border-radius: 9999px; } @@ -40055,6 +40307,66 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -40155,6 +40467,54 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -55942,6 +56302,18 @@ video { border-radius: 0.5rem; } + .lg\:rounded-xl { + border-radius: 0.75rem; + } + + .lg\:rounded-2xl { + border-radius: 1rem; + } + + .lg\:rounded-3xl { + border-radius: 1.5rem; + } + .lg\:rounded-full { border-radius: 9999px; } @@ -56046,6 +56418,66 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -56146,6 +56578,54 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -71933,6 +72413,18 @@ video { border-radius: 0.5rem; } + .xl\:rounded-xl { + border-radius: 0.75rem; + } + + .xl\:rounded-2xl { + border-radius: 1rem; + } + + .xl\:rounded-3xl { + border-radius: 1.5rem; + } + .xl\:rounded-full { border-radius: 9999px; } @@ -72037,6 +72529,66 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -72137,6 +72689,54 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-tl-full { border-top-left-radius: 9999px; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 75eafc612fc7..f6d9a6ecc817 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -9367,6 +9367,18 @@ video { border-radius: 0.5rem; } +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-full { border-radius: 9999px; } @@ -9471,6 +9483,66 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} + +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} + +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -9571,6 +9643,54 @@ video { border-bottom-left-radius: 0.5rem; } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} + +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} + +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} + +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} + +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} + +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} + +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} + +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} + +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} + +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} + +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} + +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} + .rounded-tl-full { border-top-left-radius: 9999px; } @@ -27836,6 +27956,18 @@ video { border-radius: 0.5rem; } + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:rounded-3xl { + border-radius: 1.5rem; + } + .sm\:rounded-full { border-radius: 9999px; } @@ -27940,6 +28072,66 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -28040,6 +28232,54 @@ video { border-bottom-left-radius: 0.5rem; } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .sm\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -46275,6 +46515,18 @@ video { border-radius: 0.5rem; } + .md\:rounded-xl { + border-radius: 0.75rem; + } + + .md\:rounded-2xl { + border-radius: 1rem; + } + + .md\:rounded-3xl { + border-radius: 1.5rem; + } + .md\:rounded-full { border-radius: 9999px; } @@ -46379,6 +46631,66 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -46479,6 +46791,54 @@ video { border-bottom-left-radius: 0.5rem; } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .md\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -64714,6 +65074,18 @@ video { border-radius: 0.5rem; } + .lg\:rounded-xl { + border-radius: 0.75rem; + } + + .lg\:rounded-2xl { + border-radius: 1rem; + } + + .lg\:rounded-3xl { + border-radius: 1.5rem; + } + .lg\:rounded-full { border-radius: 9999px; } @@ -64818,6 +65190,66 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -64918,6 +65350,54 @@ video { border-bottom-left-radius: 0.5rem; } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .lg\:rounded-tl-full { border-top-left-radius: 9999px; } @@ -83153,6 +83633,18 @@ video { border-radius: 0.5rem; } + .xl\:rounded-xl { + border-radius: 0.75rem; + } + + .xl\:rounded-2xl { + border-radius: 1rem; + } + + .xl\:rounded-3xl { + border-radius: 1.5rem; + } + .xl\:rounded-full { border-radius: 9999px; } @@ -83257,6 +83749,66 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } + + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; @@ -83357,6 +83909,54 @@ video { border-bottom-left-radius: 0.5rem; } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } + + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } + .xl\:rounded-tl-full { border-top-left-radius: 9999px; } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 48992955ee18..2823d77179c5 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -192,6 +192,9 @@ module.exports = { default: '0.25rem', md: '0.375rem', lg: '0.5rem', + xl: '0.75rem', + '2xl': '1rem', + '3xl': '1.5rem', full: '9999px', }, borderWidth: { From 99430a8c7b81babe3af2b77506c7d5a028e42dc7 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 9 Oct 2020 08:23:07 -0400 Subject: [PATCH 2/2] Update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 42e20a9ebeea..72972633acea 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Add new `presets` config option ([#2474](https://github.com/tailwindlabs/tailwindcss/pull/2474)) - Make `outline` configurable, `outline-none` more accessible by default, and add `outline-black` and `outline-white` ([#2460](https://github.com/tailwindlabs/tailwindcss/pull/2460)) - Add additional small `rotate` and `skew` values ([#2528](https://github.com/tailwindlabs/tailwindcss/pull/2528)) +- Add `xl`, `2xl`, and `3xl` border radius values ([#2529](https://github.com/tailwindlabs/tailwindcss/pull/2529)) ## [1.8.12] - 2020-10-07