From c98cc12d35eae3318fc32c92e6d4bd04364ef988 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 16 Apr 2019 11:43:17 -0400 Subject: [PATCH 1/3] Remove dependency on perfectionist, implement simple formatting from scratch --- .../fixtures/tailwind-output-important.css | 1142 ++++++++--------- __tests__/fixtures/tailwind-output.css | 1142 ++++++++--------- package.json | 1 - src/index.js | 13 +- src/lib/evaluateTailwindFunctions.js | 4 +- src/lib/formatNodes.js | 14 + stubs/defaultConfig.stub.js | 26 +- 7 files changed, 1172 insertions(+), 1170 deletions(-) create mode 100644 src/lib/formatNodes.js diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index daa981da2..31d74b11b 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -39,7 +39,7 @@ main { h1 { font-size: 2em; - margin: .67em 0; + margin: 0.67em 0; } /* Grouping content @@ -174,8 +174,7 @@ textarea { */ button, -input { - /* 1 */ +input { /* 1 */ overflow: visible; } @@ -185,8 +184,7 @@ input { */ button, -select { - /* 1 */ +select { /* 1 */ text-transform: none; } @@ -229,7 +227,7 @@ button:-moz-focusring, */ fieldset { - padding: .35em .75em .625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -479,7 +477,7 @@ textarea { input::placeholder, textarea::placeholder { color: inherit; - opacity: .5; + opacity: 0.5; } button, @@ -2929,15 +2927,15 @@ video { } .rounded-sm { - border-radius: .125rem !important; + border-radius: 0.125rem !important; } .rounded { - border-radius: .25rem !important; + border-radius: 0.25rem !important; } .rounded-lg { - border-radius: .5rem !important; + border-radius: 0.5rem !important; } .rounded-full { @@ -2965,63 +2963,63 @@ video { } .rounded-t-sm { - border-top-left-radius: .125rem !important; - border-top-right-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } .rounded-r-sm { - border-top-right-radius: .125rem !important; - border-bottom-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } .rounded-b-sm { - border-bottom-right-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .rounded-l-sm { - border-top-left-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .rounded-t { - border-top-left-radius: .25rem !important; - border-top-right-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .rounded-r { - border-top-right-radius: .25rem !important; - border-bottom-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .rounded-b { - border-bottom-right-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .rounded-l { - border-top-left-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .rounded-t-lg { - border-top-left-radius: .5rem !important; - border-top-right-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } .rounded-r-lg { - border-top-right-radius: .5rem !important; - border-bottom-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } .rounded-b-lg { - border-bottom-right-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .rounded-l-lg { - border-top-left-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .rounded-t-full { @@ -3061,51 +3059,51 @@ video { } .rounded-tl-sm { - border-top-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; } .rounded-tr-sm { - border-top-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; } .rounded-br-sm { - border-bottom-right-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; } .rounded-bl-sm { - border-bottom-left-radius: .125rem !important; + border-bottom-left-radius: 0.125rem !important; } .rounded-tl { - border-top-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; } .rounded-tr { - border-top-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; } .rounded-br { - border-bottom-right-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; } .rounded-bl { - border-bottom-left-radius: .25rem !important; + border-bottom-left-radius: 0.25rem !important; } .rounded-tl-lg { - border-top-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; } .rounded-tr-lg { - border-top-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; } .rounded-br-lg { - border-bottom-right-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; } .rounded-bl-lg { - border-bottom-left-radius: .5rem !important; + border-bottom-left-radius: 0.5rem !important; } .rounded-tl-full { @@ -3583,15 +3581,15 @@ video { } .h-1 { - height: .25rem !important; + height: 0.25rem !important; } .h-2 { - height: .5rem !important; + height: 0.5rem !important; } .h-3 { - height: .75rem !important; + height: 0.75rem !important; } .h-4 { @@ -3715,15 +3713,15 @@ video { } .m-1 { - margin: .25rem !important; + margin: 0.25rem !important; } .m-2 { - margin: .5rem !important; + margin: 0.5rem !important; } .m-3 { - margin: .75rem !important; + margin: 0.75rem !important; } .m-4 { @@ -3801,33 +3799,33 @@ video { } .my-1 { - margin-top: .25rem !important; - margin-bottom: .25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .mx-1 { - margin-left: .25rem !important; - margin-right: .25rem !important; + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } .my-2 { - margin-top: .5rem !important; - margin-bottom: .5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .mx-2 { - margin-left: .5rem !important; - margin-right: .5rem !important; + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } .my-3 { - margin-top: .75rem !important; - margin-bottom: .75rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } .mx-3 { - margin-left: .75rem !important; - margin-right: .75rem !important; + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } .my-4 { @@ -4007,51 +4005,51 @@ video { } .mt-1 { - margin-top: .25rem !important; + margin-top: 0.25rem !important; } .mr-1 { - margin-right: .25rem !important; + margin-right: 0.25rem !important; } .mb-1 { - margin-bottom: .25rem !important; + margin-bottom: 0.25rem !important; } .ml-1 { - margin-left: .25rem !important; + margin-left: 0.25rem !important; } .mt-2 { - margin-top: .5rem !important; + margin-top: 0.5rem !important; } .mr-2 { - margin-right: .5rem !important; + margin-right: 0.5rem !important; } .mb-2 { - margin-bottom: .5rem !important; + margin-bottom: 0.5rem !important; } .ml-2 { - margin-left: .5rem !important; + margin-left: 0.5rem !important; } .mt-3 { - margin-top: .75rem !important; + margin-top: 0.75rem !important; } .mr-3 { - margin-right: .75rem !important; + margin-right: 0.75rem !important; } .mb-3 { - margin-bottom: .75rem !important; + margin-bottom: 0.75rem !important; } .ml-3 { - margin-left: .75rem !important; + margin-left: 0.75rem !important; } .mt-4 { @@ -5013,15 +5011,15 @@ video { } .opacity-25 { - opacity: .25 !important; + opacity: 0.25 !important; } .opacity-50 { - opacity: .5 !important; + opacity: 0.5 !important; } .opacity-75 { - opacity: .75 !important; + opacity: 0.75 !important; } .opacity-100 { @@ -5097,15 +5095,15 @@ video { } .p-1 { - padding: .25rem !important; + padding: 0.25rem !important; } .p-2 { - padding: .5rem !important; + padding: 0.5rem !important; } .p-3 { - padding: .75rem !important; + padding: 0.75rem !important; } .p-4 { @@ -5179,33 +5177,33 @@ video { } .py-1 { - padding-top: .25rem !important; - padding-bottom: .25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .px-1 { - padding-left: .25rem !important; - padding-right: .25rem !important; + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } .py-2 { - padding-top: .5rem !important; - padding-bottom: .5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .px-2 { - padding-left: .5rem !important; - padding-right: .5rem !important; + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } .py-3 { - padding-top: .75rem !important; - padding-bottom: .75rem !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } .px-3 { - padding-left: .75rem !important; - padding-right: .75rem !important; + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } .py-4 { @@ -5375,51 +5373,51 @@ video { } .pt-1 { - padding-top: .25rem !important; + padding-top: 0.25rem !important; } .pr-1 { - padding-right: .25rem !important; + padding-right: 0.25rem !important; } .pb-1 { - padding-bottom: .25rem !important; + padding-bottom: 0.25rem !important; } .pl-1 { - padding-left: .25rem !important; + padding-left: 0.25rem !important; } .pt-2 { - padding-top: .5rem !important; + padding-top: 0.5rem !important; } .pr-2 { - padding-right: .5rem !important; + padding-right: 0.5rem !important; } .pb-2 { - padding-bottom: .5rem !important; + padding-bottom: 0.5rem !important; } .pl-2 { - padding-left: .5rem !important; + padding-left: 0.5rem !important; } .pt-3 { - padding-top: .75rem !important; + padding-top: 0.75rem !important; } .pr-3 { - padding-right: .75rem !important; + padding-right: 0.75rem !important; } .pb-3 { - padding-bottom: .75rem !important; + padding-bottom: 0.75rem !important; } .pl-3 { - padding-left: .75rem !important; + padding-left: 0.75rem !important; } .pt-4 { @@ -5793,11 +5791,11 @@ video { } .shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .shadow-none { @@ -5825,11 +5823,11 @@ video { } .hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .hover\:shadow-none:hover { @@ -5857,11 +5855,11 @@ video { } .focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .focus\:shadow-none:focus { @@ -7017,11 +7015,11 @@ video { } .text-xs { - font-size: .75rem !important; + font-size: 0.75rem !important; } .text-sm { - font-size: .875rem !important; + font-size: 0.875rem !important; } .text-base { @@ -7139,15 +7137,15 @@ video { } .tracking-wide { - letter-spacing: .025em !important; + letter-spacing: 0.025em !important; } .tracking-wider { - letter-spacing: .05em !important; + letter-spacing: 0.05em !important; } .tracking-widest { - letter-spacing: .1em !important; + letter-spacing: 0.1em !important; } .select-none { @@ -7234,15 +7232,15 @@ video { } .w-1 { - width: .25rem !important; + width: 0.25rem !important; } .w-2 { - width: .5rem !important; + width: 0.5rem !important; } .w-3 { - width: .75rem !important; + width: 0.75rem !important; } .w-4 { @@ -9712,15 +9710,15 @@ video { } .sm\:rounded-sm { - border-radius: .125rem !important; + border-radius: 0.125rem !important; } .sm\:rounded { - border-radius: .25rem !important; + border-radius: 0.25rem !important; } .sm\:rounded-lg { - border-radius: .5rem !important; + border-radius: 0.5rem !important; } .sm\:rounded-full { @@ -9748,63 +9746,63 @@ video { } .sm\:rounded-t-sm { - border-top-left-radius: .125rem !important; - border-top-right-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } .sm\:rounded-r-sm { - border-top-right-radius: .125rem !important; - border-bottom-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } .sm\:rounded-b-sm { - border-bottom-right-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .sm\:rounded-l-sm { - border-top-left-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .sm\:rounded-t { - border-top-left-radius: .25rem !important; - border-top-right-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .sm\:rounded-r { - border-top-right-radius: .25rem !important; - border-bottom-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .sm\:rounded-b { - border-bottom-right-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .sm\:rounded-l { - border-top-left-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .sm\:rounded-t-lg { - border-top-left-radius: .5rem !important; - border-top-right-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } .sm\:rounded-r-lg { - border-top-right-radius: .5rem !important; - border-bottom-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } .sm\:rounded-b-lg { - border-bottom-right-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .sm\:rounded-l-lg { - border-top-left-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .sm\:rounded-t-full { @@ -9844,51 +9842,51 @@ video { } .sm\:rounded-tl-sm { - border-top-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; } .sm\:rounded-tr-sm { - border-top-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; } .sm\:rounded-br-sm { - border-bottom-right-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; } .sm\:rounded-bl-sm { - border-bottom-left-radius: .125rem !important; + border-bottom-left-radius: 0.125rem !important; } .sm\:rounded-tl { - border-top-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; } .sm\:rounded-tr { - border-top-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; } .sm\:rounded-br { - border-bottom-right-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; } .sm\:rounded-bl { - border-bottom-left-radius: .25rem !important; + border-bottom-left-radius: 0.25rem !important; } .sm\:rounded-tl-lg { - border-top-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; } .sm\:rounded-tr-lg { - border-top-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; } .sm\:rounded-br-lg { - border-bottom-right-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; } .sm\:rounded-bl-lg { - border-bottom-left-radius: .5rem !important; + border-bottom-left-radius: 0.5rem !important; } .sm\:rounded-tl-full { @@ -10366,15 +10364,15 @@ video { } .sm\:h-1 { - height: .25rem !important; + height: 0.25rem !important; } .sm\:h-2 { - height: .5rem !important; + height: 0.5rem !important; } .sm\:h-3 { - height: .75rem !important; + height: 0.75rem !important; } .sm\:h-4 { @@ -10498,15 +10496,15 @@ video { } .sm\:m-1 { - margin: .25rem !important; + margin: 0.25rem !important; } .sm\:m-2 { - margin: .5rem !important; + margin: 0.5rem !important; } .sm\:m-3 { - margin: .75rem !important; + margin: 0.75rem !important; } .sm\:m-4 { @@ -10584,33 +10582,33 @@ video { } .sm\:my-1 { - margin-top: .25rem !important; - margin-bottom: .25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .sm\:mx-1 { - margin-left: .25rem !important; - margin-right: .25rem !important; + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } .sm\:my-2 { - margin-top: .5rem !important; - margin-bottom: .5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .sm\:mx-2 { - margin-left: .5rem !important; - margin-right: .5rem !important; + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } .sm\:my-3 { - margin-top: .75rem !important; - margin-bottom: .75rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } .sm\:mx-3 { - margin-left: .75rem !important; - margin-right: .75rem !important; + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } .sm\:my-4 { @@ -10790,51 +10788,51 @@ video { } .sm\:mt-1 { - margin-top: .25rem !important; + margin-top: 0.25rem !important; } .sm\:mr-1 { - margin-right: .25rem !important; + margin-right: 0.25rem !important; } .sm\:mb-1 { - margin-bottom: .25rem !important; + margin-bottom: 0.25rem !important; } .sm\:ml-1 { - margin-left: .25rem !important; + margin-left: 0.25rem !important; } .sm\:mt-2 { - margin-top: .5rem !important; + margin-top: 0.5rem !important; } .sm\:mr-2 { - margin-right: .5rem !important; + margin-right: 0.5rem !important; } .sm\:mb-2 { - margin-bottom: .5rem !important; + margin-bottom: 0.5rem !important; } .sm\:ml-2 { - margin-left: .5rem !important; + margin-left: 0.5rem !important; } .sm\:mt-3 { - margin-top: .75rem !important; + margin-top: 0.75rem !important; } .sm\:mr-3 { - margin-right: .75rem !important; + margin-right: 0.75rem !important; } .sm\:mb-3 { - margin-bottom: .75rem !important; + margin-bottom: 0.75rem !important; } .sm\:ml-3 { - margin-left: .75rem !important; + margin-left: 0.75rem !important; } .sm\:mt-4 { @@ -11796,15 +11794,15 @@ video { } .sm\:opacity-25 { - opacity: .25 !important; + opacity: 0.25 !important; } .sm\:opacity-50 { - opacity: .5 !important; + opacity: 0.5 !important; } .sm\:opacity-75 { - opacity: .75 !important; + opacity: 0.75 !important; } .sm\:opacity-100 { @@ -11872,15 +11870,15 @@ video { } .sm\:p-1 { - padding: .25rem !important; + padding: 0.25rem !important; } .sm\:p-2 { - padding: .5rem !important; + padding: 0.5rem !important; } .sm\:p-3 { - padding: .75rem !important; + padding: 0.75rem !important; } .sm\:p-4 { @@ -11954,33 +11952,33 @@ video { } .sm\:py-1 { - padding-top: .25rem !important; - padding-bottom: .25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .sm\:px-1 { - padding-left: .25rem !important; - padding-right: .25rem !important; + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } .sm\:py-2 { - padding-top: .5rem !important; - padding-bottom: .5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .sm\:px-2 { - padding-left: .5rem !important; - padding-right: .5rem !important; + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } .sm\:py-3 { - padding-top: .75rem !important; - padding-bottom: .75rem !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } .sm\:px-3 { - padding-left: .75rem !important; - padding-right: .75rem !important; + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } .sm\:py-4 { @@ -12150,51 +12148,51 @@ video { } .sm\:pt-1 { - padding-top: .25rem !important; + padding-top: 0.25rem !important; } .sm\:pr-1 { - padding-right: .25rem !important; + padding-right: 0.25rem !important; } .sm\:pb-1 { - padding-bottom: .25rem !important; + padding-bottom: 0.25rem !important; } .sm\:pl-1 { - padding-left: .25rem !important; + padding-left: 0.25rem !important; } .sm\:pt-2 { - padding-top: .5rem !important; + padding-top: 0.5rem !important; } .sm\:pr-2 { - padding-right: .5rem !important; + padding-right: 0.5rem !important; } .sm\:pb-2 { - padding-bottom: .5rem !important; + padding-bottom: 0.5rem !important; } .sm\:pl-2 { - padding-left: .5rem !important; + padding-left: 0.5rem !important; } .sm\:pt-3 { - padding-top: .75rem !important; + padding-top: 0.75rem !important; } .sm\:pr-3 { - padding-right: .75rem !important; + padding-right: 0.75rem !important; } .sm\:pb-3 { - padding-bottom: .75rem !important; + padding-bottom: 0.75rem !important; } .sm\:pl-3 { - padding-left: .75rem !important; + padding-left: 0.75rem !important; } .sm\:pt-4 { @@ -12568,11 +12566,11 @@ video { } .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .sm\:shadow-none { @@ -12600,11 +12598,11 @@ video { } .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .sm\:hover\:shadow-none:hover { @@ -12632,11 +12630,11 @@ video { } .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .sm\:focus\:shadow-none:focus { @@ -13784,11 +13782,11 @@ video { } .sm\:text-xs { - font-size: .75rem !important; + font-size: 0.75rem !important; } .sm\:text-sm { - font-size: .875rem !important; + font-size: 0.875rem !important; } .sm\:text-base { @@ -13906,15 +13904,15 @@ video { } .sm\:tracking-wide { - letter-spacing: .025em !important; + letter-spacing: 0.025em !important; } .sm\:tracking-wider { - letter-spacing: .05em !important; + letter-spacing: 0.05em !important; } .sm\:tracking-widest { - letter-spacing: .1em !important; + letter-spacing: 0.1em !important; } .sm\:select-none { @@ -14001,15 +13999,15 @@ video { } .sm\:w-1 { - width: .25rem !important; + width: 0.25rem !important; } .sm\:w-2 { - width: .5rem !important; + width: 0.5rem !important; } .sm\:w-3 { - width: .75rem !important; + width: 0.75rem !important; } .sm\:w-4 { @@ -16480,15 +16478,15 @@ video { } .md\:rounded-sm { - border-radius: .125rem !important; + border-radius: 0.125rem !important; } .md\:rounded { - border-radius: .25rem !important; + border-radius: 0.25rem !important; } .md\:rounded-lg { - border-radius: .5rem !important; + border-radius: 0.5rem !important; } .md\:rounded-full { @@ -16516,63 +16514,63 @@ video { } .md\:rounded-t-sm { - border-top-left-radius: .125rem !important; - border-top-right-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } .md\:rounded-r-sm { - border-top-right-radius: .125rem !important; - border-bottom-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } .md\:rounded-b-sm { - border-bottom-right-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .md\:rounded-l-sm { - border-top-left-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .md\:rounded-t { - border-top-left-radius: .25rem !important; - border-top-right-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .md\:rounded-r { - border-top-right-radius: .25rem !important; - border-bottom-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .md\:rounded-b { - border-bottom-right-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .md\:rounded-l { - border-top-left-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .md\:rounded-t-lg { - border-top-left-radius: .5rem !important; - border-top-right-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } .md\:rounded-r-lg { - border-top-right-radius: .5rem !important; - border-bottom-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } .md\:rounded-b-lg { - border-bottom-right-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .md\:rounded-l-lg { - border-top-left-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .md\:rounded-t-full { @@ -16612,51 +16610,51 @@ video { } .md\:rounded-tl-sm { - border-top-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; } .md\:rounded-tr-sm { - border-top-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; } .md\:rounded-br-sm { - border-bottom-right-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; } .md\:rounded-bl-sm { - border-bottom-left-radius: .125rem !important; + border-bottom-left-radius: 0.125rem !important; } .md\:rounded-tl { - border-top-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; } .md\:rounded-tr { - border-top-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; } .md\:rounded-br { - border-bottom-right-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; } .md\:rounded-bl { - border-bottom-left-radius: .25rem !important; + border-bottom-left-radius: 0.25rem !important; } .md\:rounded-tl-lg { - border-top-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; } .md\:rounded-tr-lg { - border-top-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; } .md\:rounded-br-lg { - border-bottom-right-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; } .md\:rounded-bl-lg { - border-bottom-left-radius: .5rem !important; + border-bottom-left-radius: 0.5rem !important; } .md\:rounded-tl-full { @@ -17134,15 +17132,15 @@ video { } .md\:h-1 { - height: .25rem !important; + height: 0.25rem !important; } .md\:h-2 { - height: .5rem !important; + height: 0.5rem !important; } .md\:h-3 { - height: .75rem !important; + height: 0.75rem !important; } .md\:h-4 { @@ -17266,15 +17264,15 @@ video { } .md\:m-1 { - margin: .25rem !important; + margin: 0.25rem !important; } .md\:m-2 { - margin: .5rem !important; + margin: 0.5rem !important; } .md\:m-3 { - margin: .75rem !important; + margin: 0.75rem !important; } .md\:m-4 { @@ -17352,33 +17350,33 @@ video { } .md\:my-1 { - margin-top: .25rem !important; - margin-bottom: .25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .md\:mx-1 { - margin-left: .25rem !important; - margin-right: .25rem !important; + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } .md\:my-2 { - margin-top: .5rem !important; - margin-bottom: .5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .md\:mx-2 { - margin-left: .5rem !important; - margin-right: .5rem !important; + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } .md\:my-3 { - margin-top: .75rem !important; - margin-bottom: .75rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } .md\:mx-3 { - margin-left: .75rem !important; - margin-right: .75rem !important; + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } .md\:my-4 { @@ -17558,51 +17556,51 @@ video { } .md\:mt-1 { - margin-top: .25rem !important; + margin-top: 0.25rem !important; } .md\:mr-1 { - margin-right: .25rem !important; + margin-right: 0.25rem !important; } .md\:mb-1 { - margin-bottom: .25rem !important; + margin-bottom: 0.25rem !important; } .md\:ml-1 { - margin-left: .25rem !important; + margin-left: 0.25rem !important; } .md\:mt-2 { - margin-top: .5rem !important; + margin-top: 0.5rem !important; } .md\:mr-2 { - margin-right: .5rem !important; + margin-right: 0.5rem !important; } .md\:mb-2 { - margin-bottom: .5rem !important; + margin-bottom: 0.5rem !important; } .md\:ml-2 { - margin-left: .5rem !important; + margin-left: 0.5rem !important; } .md\:mt-3 { - margin-top: .75rem !important; + margin-top: 0.75rem !important; } .md\:mr-3 { - margin-right: .75rem !important; + margin-right: 0.75rem !important; } .md\:mb-3 { - margin-bottom: .75rem !important; + margin-bottom: 0.75rem !important; } .md\:ml-3 { - margin-left: .75rem !important; + margin-left: 0.75rem !important; } .md\:mt-4 { @@ -18564,15 +18562,15 @@ video { } .md\:opacity-25 { - opacity: .25 !important; + opacity: 0.25 !important; } .md\:opacity-50 { - opacity: .5 !important; + opacity: 0.5 !important; } .md\:opacity-75 { - opacity: .75 !important; + opacity: 0.75 !important; } .md\:opacity-100 { @@ -18640,15 +18638,15 @@ video { } .md\:p-1 { - padding: .25rem !important; + padding: 0.25rem !important; } .md\:p-2 { - padding: .5rem !important; + padding: 0.5rem !important; } .md\:p-3 { - padding: .75rem !important; + padding: 0.75rem !important; } .md\:p-4 { @@ -18722,33 +18720,33 @@ video { } .md\:py-1 { - padding-top: .25rem !important; - padding-bottom: .25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .md\:px-1 { - padding-left: .25rem !important; - padding-right: .25rem !important; + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } .md\:py-2 { - padding-top: .5rem !important; - padding-bottom: .5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .md\:px-2 { - padding-left: .5rem !important; - padding-right: .5rem !important; + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } .md\:py-3 { - padding-top: .75rem !important; - padding-bottom: .75rem !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } .md\:px-3 { - padding-left: .75rem !important; - padding-right: .75rem !important; + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } .md\:py-4 { @@ -18918,51 +18916,51 @@ video { } .md\:pt-1 { - padding-top: .25rem !important; + padding-top: 0.25rem !important; } .md\:pr-1 { - padding-right: .25rem !important; + padding-right: 0.25rem !important; } .md\:pb-1 { - padding-bottom: .25rem !important; + padding-bottom: 0.25rem !important; } .md\:pl-1 { - padding-left: .25rem !important; + padding-left: 0.25rem !important; } .md\:pt-2 { - padding-top: .5rem !important; + padding-top: 0.5rem !important; } .md\:pr-2 { - padding-right: .5rem !important; + padding-right: 0.5rem !important; } .md\:pb-2 { - padding-bottom: .5rem !important; + padding-bottom: 0.5rem !important; } .md\:pl-2 { - padding-left: .5rem !important; + padding-left: 0.5rem !important; } .md\:pt-3 { - padding-top: .75rem !important; + padding-top: 0.75rem !important; } .md\:pr-3 { - padding-right: .75rem !important; + padding-right: 0.75rem !important; } .md\:pb-3 { - padding-bottom: .75rem !important; + padding-bottom: 0.75rem !important; } .md\:pl-3 { - padding-left: .75rem !important; + padding-left: 0.75rem !important; } .md\:pt-4 { @@ -19336,11 +19334,11 @@ video { } .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .md\:shadow-none { @@ -19368,11 +19366,11 @@ video { } .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .md\:hover\:shadow-none:hover { @@ -19400,11 +19398,11 @@ video { } .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .md\:focus\:shadow-none:focus { @@ -20552,11 +20550,11 @@ video { } .md\:text-xs { - font-size: .75rem !important; + font-size: 0.75rem !important; } .md\:text-sm { - font-size: .875rem !important; + font-size: 0.875rem !important; } .md\:text-base { @@ -20674,15 +20672,15 @@ video { } .md\:tracking-wide { - letter-spacing: .025em !important; + letter-spacing: 0.025em !important; } .md\:tracking-wider { - letter-spacing: .05em !important; + letter-spacing: 0.05em !important; } .md\:tracking-widest { - letter-spacing: .1em !important; + letter-spacing: 0.1em !important; } .md\:select-none { @@ -20769,15 +20767,15 @@ video { } .md\:w-1 { - width: .25rem !important; + width: 0.25rem !important; } .md\:w-2 { - width: .5rem !important; + width: 0.5rem !important; } .md\:w-3 { - width: .75rem !important; + width: 0.75rem !important; } .md\:w-4 { @@ -23248,15 +23246,15 @@ video { } .lg\:rounded-sm { - border-radius: .125rem !important; + border-radius: 0.125rem !important; } .lg\:rounded { - border-radius: .25rem !important; + border-radius: 0.25rem !important; } .lg\:rounded-lg { - border-radius: .5rem !important; + border-radius: 0.5rem !important; } .lg\:rounded-full { @@ -23284,63 +23282,63 @@ video { } .lg\:rounded-t-sm { - border-top-left-radius: .125rem !important; - border-top-right-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } .lg\:rounded-r-sm { - border-top-right-radius: .125rem !important; - border-bottom-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } .lg\:rounded-b-sm { - border-bottom-right-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .lg\:rounded-l-sm { - border-top-left-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .lg\:rounded-t { - border-top-left-radius: .25rem !important; - border-top-right-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .lg\:rounded-r { - border-top-right-radius: .25rem !important; - border-bottom-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .lg\:rounded-b { - border-bottom-right-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .lg\:rounded-l { - border-top-left-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .lg\:rounded-t-lg { - border-top-left-radius: .5rem !important; - border-top-right-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } .lg\:rounded-r-lg { - border-top-right-radius: .5rem !important; - border-bottom-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } .lg\:rounded-b-lg { - border-bottom-right-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .lg\:rounded-l-lg { - border-top-left-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .lg\:rounded-t-full { @@ -23380,51 +23378,51 @@ video { } .lg\:rounded-tl-sm { - border-top-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; } .lg\:rounded-tr-sm { - border-top-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; } .lg\:rounded-br-sm { - border-bottom-right-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; } .lg\:rounded-bl-sm { - border-bottom-left-radius: .125rem !important; + border-bottom-left-radius: 0.125rem !important; } .lg\:rounded-tl { - border-top-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; } .lg\:rounded-tr { - border-top-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; } .lg\:rounded-br { - border-bottom-right-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; } .lg\:rounded-bl { - border-bottom-left-radius: .25rem !important; + border-bottom-left-radius: 0.25rem !important; } .lg\:rounded-tl-lg { - border-top-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; } .lg\:rounded-tr-lg { - border-top-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; } .lg\:rounded-br-lg { - border-bottom-right-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; } .lg\:rounded-bl-lg { - border-bottom-left-radius: .5rem !important; + border-bottom-left-radius: 0.5rem !important; } .lg\:rounded-tl-full { @@ -23902,15 +23900,15 @@ video { } .lg\:h-1 { - height: .25rem !important; + height: 0.25rem !important; } .lg\:h-2 { - height: .5rem !important; + height: 0.5rem !important; } .lg\:h-3 { - height: .75rem !important; + height: 0.75rem !important; } .lg\:h-4 { @@ -24034,15 +24032,15 @@ video { } .lg\:m-1 { - margin: .25rem !important; + margin: 0.25rem !important; } .lg\:m-2 { - margin: .5rem !important; + margin: 0.5rem !important; } .lg\:m-3 { - margin: .75rem !important; + margin: 0.75rem !important; } .lg\:m-4 { @@ -24120,33 +24118,33 @@ video { } .lg\:my-1 { - margin-top: .25rem !important; - margin-bottom: .25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .lg\:mx-1 { - margin-left: .25rem !important; - margin-right: .25rem !important; + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } .lg\:my-2 { - margin-top: .5rem !important; - margin-bottom: .5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .lg\:mx-2 { - margin-left: .5rem !important; - margin-right: .5rem !important; + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } .lg\:my-3 { - margin-top: .75rem !important; - margin-bottom: .75rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } .lg\:mx-3 { - margin-left: .75rem !important; - margin-right: .75rem !important; + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } .lg\:my-4 { @@ -24326,51 +24324,51 @@ video { } .lg\:mt-1 { - margin-top: .25rem !important; + margin-top: 0.25rem !important; } .lg\:mr-1 { - margin-right: .25rem !important; + margin-right: 0.25rem !important; } .lg\:mb-1 { - margin-bottom: .25rem !important; + margin-bottom: 0.25rem !important; } .lg\:ml-1 { - margin-left: .25rem !important; + margin-left: 0.25rem !important; } .lg\:mt-2 { - margin-top: .5rem !important; + margin-top: 0.5rem !important; } .lg\:mr-2 { - margin-right: .5rem !important; + margin-right: 0.5rem !important; } .lg\:mb-2 { - margin-bottom: .5rem !important; + margin-bottom: 0.5rem !important; } .lg\:ml-2 { - margin-left: .5rem !important; + margin-left: 0.5rem !important; } .lg\:mt-3 { - margin-top: .75rem !important; + margin-top: 0.75rem !important; } .lg\:mr-3 { - margin-right: .75rem !important; + margin-right: 0.75rem !important; } .lg\:mb-3 { - margin-bottom: .75rem !important; + margin-bottom: 0.75rem !important; } .lg\:ml-3 { - margin-left: .75rem !important; + margin-left: 0.75rem !important; } .lg\:mt-4 { @@ -25332,15 +25330,15 @@ video { } .lg\:opacity-25 { - opacity: .25 !important; + opacity: 0.25 !important; } .lg\:opacity-50 { - opacity: .5 !important; + opacity: 0.5 !important; } .lg\:opacity-75 { - opacity: .75 !important; + opacity: 0.75 !important; } .lg\:opacity-100 { @@ -25408,15 +25406,15 @@ video { } .lg\:p-1 { - padding: .25rem !important; + padding: 0.25rem !important; } .lg\:p-2 { - padding: .5rem !important; + padding: 0.5rem !important; } .lg\:p-3 { - padding: .75rem !important; + padding: 0.75rem !important; } .lg\:p-4 { @@ -25490,33 +25488,33 @@ video { } .lg\:py-1 { - padding-top: .25rem !important; - padding-bottom: .25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .lg\:px-1 { - padding-left: .25rem !important; - padding-right: .25rem !important; + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } .lg\:py-2 { - padding-top: .5rem !important; - padding-bottom: .5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .lg\:px-2 { - padding-left: .5rem !important; - padding-right: .5rem !important; + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } .lg\:py-3 { - padding-top: .75rem !important; - padding-bottom: .75rem !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } .lg\:px-3 { - padding-left: .75rem !important; - padding-right: .75rem !important; + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } .lg\:py-4 { @@ -25686,51 +25684,51 @@ video { } .lg\:pt-1 { - padding-top: .25rem !important; + padding-top: 0.25rem !important; } .lg\:pr-1 { - padding-right: .25rem !important; + padding-right: 0.25rem !important; } .lg\:pb-1 { - padding-bottom: .25rem !important; + padding-bottom: 0.25rem !important; } .lg\:pl-1 { - padding-left: .25rem !important; + padding-left: 0.25rem !important; } .lg\:pt-2 { - padding-top: .5rem !important; + padding-top: 0.5rem !important; } .lg\:pr-2 { - padding-right: .5rem !important; + padding-right: 0.5rem !important; } .lg\:pb-2 { - padding-bottom: .5rem !important; + padding-bottom: 0.5rem !important; } .lg\:pl-2 { - padding-left: .5rem !important; + padding-left: 0.5rem !important; } .lg\:pt-3 { - padding-top: .75rem !important; + padding-top: 0.75rem !important; } .lg\:pr-3 { - padding-right: .75rem !important; + padding-right: 0.75rem !important; } .lg\:pb-3 { - padding-bottom: .75rem !important; + padding-bottom: 0.75rem !important; } .lg\:pl-3 { - padding-left: .75rem !important; + padding-left: 0.75rem !important; } .lg\:pt-4 { @@ -26104,11 +26102,11 @@ video { } .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .lg\:shadow-none { @@ -26136,11 +26134,11 @@ video { } .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .lg\:hover\:shadow-none:hover { @@ -26168,11 +26166,11 @@ video { } .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .lg\:focus\:shadow-none:focus { @@ -27320,11 +27318,11 @@ video { } .lg\:text-xs { - font-size: .75rem !important; + font-size: 0.75rem !important; } .lg\:text-sm { - font-size: .875rem !important; + font-size: 0.875rem !important; } .lg\:text-base { @@ -27442,15 +27440,15 @@ video { } .lg\:tracking-wide { - letter-spacing: .025em !important; + letter-spacing: 0.025em !important; } .lg\:tracking-wider { - letter-spacing: .05em !important; + letter-spacing: 0.05em !important; } .lg\:tracking-widest { - letter-spacing: .1em !important; + letter-spacing: 0.1em !important; } .lg\:select-none { @@ -27537,15 +27535,15 @@ video { } .lg\:w-1 { - width: .25rem !important; + width: 0.25rem !important; } .lg\:w-2 { - width: .5rem !important; + width: 0.5rem !important; } .lg\:w-3 { - width: .75rem !important; + width: 0.75rem !important; } .lg\:w-4 { @@ -30016,15 +30014,15 @@ video { } .xl\:rounded-sm { - border-radius: .125rem !important; + border-radius: 0.125rem !important; } .xl\:rounded { - border-radius: .25rem !important; + border-radius: 0.25rem !important; } .xl\:rounded-lg { - border-radius: .5rem !important; + border-radius: 0.5rem !important; } .xl\:rounded-full { @@ -30052,63 +30050,63 @@ video { } .xl\:rounded-t-sm { - border-top-left-radius: .125rem !important; - border-top-right-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } .xl\:rounded-r-sm { - border-top-right-radius: .125rem !important; - border-bottom-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } .xl\:rounded-b-sm { - border-bottom-right-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .xl\:rounded-l-sm { - border-top-left-radius: .125rem !important; - border-bottom-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } .xl\:rounded-t { - border-top-left-radius: .25rem !important; - border-top-right-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .xl\:rounded-r { - border-top-right-radius: .25rem !important; - border-bottom-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .xl\:rounded-b { - border-bottom-right-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .xl\:rounded-l { - border-top-left-radius: .25rem !important; - border-bottom-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .xl\:rounded-t-lg { - border-top-left-radius: .5rem !important; - border-top-right-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } .xl\:rounded-r-lg { - border-top-right-radius: .5rem !important; - border-bottom-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } .xl\:rounded-b-lg { - border-bottom-right-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .xl\:rounded-l-lg { - border-top-left-radius: .5rem !important; - border-bottom-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } .xl\:rounded-t-full { @@ -30148,51 +30146,51 @@ video { } .xl\:rounded-tl-sm { - border-top-left-radius: .125rem !important; + border-top-left-radius: 0.125rem !important; } .xl\:rounded-tr-sm { - border-top-right-radius: .125rem !important; + border-top-right-radius: 0.125rem !important; } .xl\:rounded-br-sm { - border-bottom-right-radius: .125rem !important; + border-bottom-right-radius: 0.125rem !important; } .xl\:rounded-bl-sm { - border-bottom-left-radius: .125rem !important; + border-bottom-left-radius: 0.125rem !important; } .xl\:rounded-tl { - border-top-left-radius: .25rem !important; + border-top-left-radius: 0.25rem !important; } .xl\:rounded-tr { - border-top-right-radius: .25rem !important; + border-top-right-radius: 0.25rem !important; } .xl\:rounded-br { - border-bottom-right-radius: .25rem !important; + border-bottom-right-radius: 0.25rem !important; } .xl\:rounded-bl { - border-bottom-left-radius: .25rem !important; + border-bottom-left-radius: 0.25rem !important; } .xl\:rounded-tl-lg { - border-top-left-radius: .5rem !important; + border-top-left-radius: 0.5rem !important; } .xl\:rounded-tr-lg { - border-top-right-radius: .5rem !important; + border-top-right-radius: 0.5rem !important; } .xl\:rounded-br-lg { - border-bottom-right-radius: .5rem !important; + border-bottom-right-radius: 0.5rem !important; } .xl\:rounded-bl-lg { - border-bottom-left-radius: .5rem !important; + border-bottom-left-radius: 0.5rem !important; } .xl\:rounded-tl-full { @@ -30670,15 +30668,15 @@ video { } .xl\:h-1 { - height: .25rem !important; + height: 0.25rem !important; } .xl\:h-2 { - height: .5rem !important; + height: 0.5rem !important; } .xl\:h-3 { - height: .75rem !important; + height: 0.75rem !important; } .xl\:h-4 { @@ -30802,15 +30800,15 @@ video { } .xl\:m-1 { - margin: .25rem !important; + margin: 0.25rem !important; } .xl\:m-2 { - margin: .5rem !important; + margin: 0.5rem !important; } .xl\:m-3 { - margin: .75rem !important; + margin: 0.75rem !important; } .xl\:m-4 { @@ -30888,33 +30886,33 @@ video { } .xl\:my-1 { - margin-top: .25rem !important; - margin-bottom: .25rem !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } .xl\:mx-1 { - margin-left: .25rem !important; - margin-right: .25rem !important; + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } .xl\:my-2 { - margin-top: .5rem !important; - margin-bottom: .5rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } .xl\:mx-2 { - margin-left: .5rem !important; - margin-right: .5rem !important; + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } .xl\:my-3 { - margin-top: .75rem !important; - margin-bottom: .75rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } .xl\:mx-3 { - margin-left: .75rem !important; - margin-right: .75rem !important; + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } .xl\:my-4 { @@ -31094,51 +31092,51 @@ video { } .xl\:mt-1 { - margin-top: .25rem !important; + margin-top: 0.25rem !important; } .xl\:mr-1 { - margin-right: .25rem !important; + margin-right: 0.25rem !important; } .xl\:mb-1 { - margin-bottom: .25rem !important; + margin-bottom: 0.25rem !important; } .xl\:ml-1 { - margin-left: .25rem !important; + margin-left: 0.25rem !important; } .xl\:mt-2 { - margin-top: .5rem !important; + margin-top: 0.5rem !important; } .xl\:mr-2 { - margin-right: .5rem !important; + margin-right: 0.5rem !important; } .xl\:mb-2 { - margin-bottom: .5rem !important; + margin-bottom: 0.5rem !important; } .xl\:ml-2 { - margin-left: .5rem !important; + margin-left: 0.5rem !important; } .xl\:mt-3 { - margin-top: .75rem !important; + margin-top: 0.75rem !important; } .xl\:mr-3 { - margin-right: .75rem !important; + margin-right: 0.75rem !important; } .xl\:mb-3 { - margin-bottom: .75rem !important; + margin-bottom: 0.75rem !important; } .xl\:ml-3 { - margin-left: .75rem !important; + margin-left: 0.75rem !important; } .xl\:mt-4 { @@ -32100,15 +32098,15 @@ video { } .xl\:opacity-25 { - opacity: .25 !important; + opacity: 0.25 !important; } .xl\:opacity-50 { - opacity: .5 !important; + opacity: 0.5 !important; } .xl\:opacity-75 { - opacity: .75 !important; + opacity: 0.75 !important; } .xl\:opacity-100 { @@ -32176,15 +32174,15 @@ video { } .xl\:p-1 { - padding: .25rem !important; + padding: 0.25rem !important; } .xl\:p-2 { - padding: .5rem !important; + padding: 0.5rem !important; } .xl\:p-3 { - padding: .75rem !important; + padding: 0.75rem !important; } .xl\:p-4 { @@ -32258,33 +32256,33 @@ video { } .xl\:py-1 { - padding-top: .25rem !important; - padding-bottom: .25rem !important; + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .xl\:px-1 { - padding-left: .25rem !important; - padding-right: .25rem !important; + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } .xl\:py-2 { - padding-top: .5rem !important; - padding-bottom: .5rem !important; + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } .xl\:px-2 { - padding-left: .5rem !important; - padding-right: .5rem !important; + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } .xl\:py-3 { - padding-top: .75rem !important; - padding-bottom: .75rem !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } .xl\:px-3 { - padding-left: .75rem !important; - padding-right: .75rem !important; + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } .xl\:py-4 { @@ -32454,51 +32452,51 @@ video { } .xl\:pt-1 { - padding-top: .25rem !important; + padding-top: 0.25rem !important; } .xl\:pr-1 { - padding-right: .25rem !important; + padding-right: 0.25rem !important; } .xl\:pb-1 { - padding-bottom: .25rem !important; + padding-bottom: 0.25rem !important; } .xl\:pl-1 { - padding-left: .25rem !important; + padding-left: 0.25rem !important; } .xl\:pt-2 { - padding-top: .5rem !important; + padding-top: 0.5rem !important; } .xl\:pr-2 { - padding-right: .5rem !important; + padding-right: 0.5rem !important; } .xl\:pb-2 { - padding-bottom: .5rem !important; + padding-bottom: 0.5rem !important; } .xl\:pl-2 { - padding-left: .5rem !important; + padding-left: 0.5rem !important; } .xl\:pt-3 { - padding-top: .75rem !important; + padding-top: 0.75rem !important; } .xl\:pr-3 { - padding-right: .75rem !important; + padding-right: 0.75rem !important; } .xl\:pb-3 { - padding-bottom: .75rem !important; + padding-bottom: 0.75rem !important; } .xl\:pl-3 { - padding-left: .75rem !important; + padding-left: 0.75rem !important; } .xl\:pt-4 { @@ -32872,11 +32870,11 @@ video { } .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .xl\:shadow-none { @@ -32904,11 +32902,11 @@ video { } .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .xl\:hover\:shadow-none:hover { @@ -32936,11 +32934,11 @@ video { } .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important; + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .xl\:focus\:shadow-none:focus { @@ -34088,11 +34086,11 @@ video { } .xl\:text-xs { - font-size: .75rem !important; + font-size: 0.75rem !important; } .xl\:text-sm { - font-size: .875rem !important; + font-size: 0.875rem !important; } .xl\:text-base { @@ -34210,15 +34208,15 @@ video { } .xl\:tracking-wide { - letter-spacing: .025em !important; + letter-spacing: 0.025em !important; } .xl\:tracking-wider { - letter-spacing: .05em !important; + letter-spacing: 0.05em !important; } .xl\:tracking-widest { - letter-spacing: .1em !important; + letter-spacing: 0.1em !important; } .xl\:select-none { @@ -34305,15 +34303,15 @@ video { } .xl\:w-1 { - width: .25rem !important; + width: 0.25rem !important; } .xl\:w-2 { - width: .5rem !important; + width: 0.5rem !important; } .xl\:w-3 { - width: .75rem !important; + width: 0.75rem !important; } .xl\:w-4 { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 4e9ca01e7..7f2cb2254 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -39,7 +39,7 @@ main { h1 { font-size: 2em; - margin: .67em 0; + margin: 0.67em 0; } /* Grouping content @@ -174,8 +174,7 @@ textarea { */ button, -input { - /* 1 */ +input { /* 1 */ overflow: visible; } @@ -185,8 +184,7 @@ input { */ button, -select { - /* 1 */ +select { /* 1 */ text-transform: none; } @@ -229,7 +227,7 @@ button:-moz-focusring, */ fieldset { - padding: .35em .75em .625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -479,7 +477,7 @@ textarea { input::placeholder, textarea::placeholder { color: inherit; - opacity: .5; + opacity: 0.5; } button, @@ -2929,15 +2927,15 @@ video { } .rounded-sm { - border-radius: .125rem; + border-radius: 0.125rem; } .rounded { - border-radius: .25rem; + border-radius: 0.25rem; } .rounded-lg { - border-radius: .5rem; + border-radius: 0.5rem; } .rounded-full { @@ -2965,63 +2963,63 @@ video { } .rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } .rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } .rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .rounded-t-full { @@ -3061,51 +3059,51 @@ video { } .rounded-tl-sm { - border-top-left-radius: .125rem; + border-top-left-radius: 0.125rem; } .rounded-tr-sm { - border-top-right-radius: .125rem; + border-top-right-radius: 0.125rem; } .rounded-br-sm { - border-bottom-right-radius: .125rem; + border-bottom-right-radius: 0.125rem; } .rounded-bl-sm { - border-bottom-left-radius: .125rem; + border-bottom-left-radius: 0.125rem; } .rounded-tl { - border-top-left-radius: .25rem; + border-top-left-radius: 0.25rem; } .rounded-tr { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; } .rounded-br { - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; } .rounded-bl { - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; } .rounded-tl-lg { - border-top-left-radius: .5rem; + border-top-left-radius: 0.5rem; } .rounded-tr-lg { - border-top-right-radius: .5rem; + border-top-right-radius: 0.5rem; } .rounded-br-lg { - border-bottom-right-radius: .5rem; + border-bottom-right-radius: 0.5rem; } .rounded-bl-lg { - border-bottom-left-radius: .5rem; + border-bottom-left-radius: 0.5rem; } .rounded-tl-full { @@ -3583,15 +3581,15 @@ video { } .h-1 { - height: .25rem; + height: 0.25rem; } .h-2 { - height: .5rem; + height: 0.5rem; } .h-3 { - height: .75rem; + height: 0.75rem; } .h-4 { @@ -3715,15 +3713,15 @@ video { } .m-1 { - margin: .25rem; + margin: 0.25rem; } .m-2 { - margin: .5rem; + margin: 0.5rem; } .m-3 { - margin: .75rem; + margin: 0.75rem; } .m-4 { @@ -3801,33 +3799,33 @@ video { } .my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; } .mx-1 { - margin-left: .25rem; - margin-right: .25rem; + margin-left: 0.25rem; + margin-right: 0.25rem; } .my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .mx-2 { - margin-left: .5rem; - margin-right: .5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .mx-3 { - margin-left: .75rem; - margin-right: .75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .my-4 { @@ -4007,51 +4005,51 @@ video { } .mt-1 { - margin-top: .25rem; + margin-top: 0.25rem; } .mr-1 { - margin-right: .25rem; + margin-right: 0.25rem; } .mb-1 { - margin-bottom: .25rem; + margin-bottom: 0.25rem; } .ml-1 { - margin-left: .25rem; + margin-left: 0.25rem; } .mt-2 { - margin-top: .5rem; + margin-top: 0.5rem; } .mr-2 { - margin-right: .5rem; + margin-right: 0.5rem; } .mb-2 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .ml-2 { - margin-left: .5rem; + margin-left: 0.5rem; } .mt-3 { - margin-top: .75rem; + margin-top: 0.75rem; } .mr-3 { - margin-right: .75rem; + margin-right: 0.75rem; } .mb-3 { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .ml-3 { - margin-left: .75rem; + margin-left: 0.75rem; } .mt-4 { @@ -5013,15 +5011,15 @@ video { } .opacity-25 { - opacity: .25; + opacity: 0.25; } .opacity-50 { - opacity: .5; + opacity: 0.5; } .opacity-75 { - opacity: .75; + opacity: 0.75; } .opacity-100 { @@ -5097,15 +5095,15 @@ video { } .p-1 { - padding: .25rem; + padding: 0.25rem; } .p-2 { - padding: .5rem; + padding: 0.5rem; } .p-3 { - padding: .75rem; + padding: 0.75rem; } .p-4 { @@ -5179,33 +5177,33 @@ video { } .py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .px-1 { - padding-left: .25rem; - padding-right: .25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .px-2 { - padding-left: .5rem; - padding-right: .5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .px-3 { - padding-left: .75rem; - padding-right: .75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .py-4 { @@ -5375,51 +5373,51 @@ video { } .pt-1 { - padding-top: .25rem; + padding-top: 0.25rem; } .pr-1 { - padding-right: .25rem; + padding-right: 0.25rem; } .pb-1 { - padding-bottom: .25rem; + padding-bottom: 0.25rem; } .pl-1 { - padding-left: .25rem; + padding-left: 0.25rem; } .pt-2 { - padding-top: .5rem; + padding-top: 0.5rem; } .pr-2 { - padding-right: .5rem; + padding-right: 0.5rem; } .pb-2 { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .pl-2 { - padding-left: .5rem; + padding-left: 0.5rem; } .pt-3 { - padding-top: .75rem; + padding-top: 0.75rem; } .pr-3 { - padding-right: .75rem; + padding-right: 0.75rem; } .pb-3 { - padding-bottom: .75rem; + padding-bottom: 0.75rem; } .pl-3 { - padding-left: .75rem; + padding-left: 0.75rem; } .pt-4 { @@ -5793,11 +5791,11 @@ video { } .shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .shadow-none { @@ -5825,11 +5823,11 @@ video { } .hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .hover\:shadow-none:hover { @@ -5857,11 +5855,11 @@ video { } .focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .focus\:shadow-none:focus { @@ -7017,11 +7015,11 @@ video { } .text-xs { - font-size: .75rem; + font-size: 0.75rem; } .text-sm { - font-size: .875rem; + font-size: 0.875rem; } .text-base { @@ -7139,15 +7137,15 @@ video { } .tracking-wide { - letter-spacing: .025em; + letter-spacing: 0.025em; } .tracking-wider { - letter-spacing: .05em; + letter-spacing: 0.05em; } .tracking-widest { - letter-spacing: .1em; + letter-spacing: 0.1em; } .select-none { @@ -7234,15 +7232,15 @@ video { } .w-1 { - width: .25rem; + width: 0.25rem; } .w-2 { - width: .5rem; + width: 0.5rem; } .w-3 { - width: .75rem; + width: 0.75rem; } .w-4 { @@ -9712,15 +9710,15 @@ video { } .sm\:rounded-sm { - border-radius: .125rem; + border-radius: 0.125rem; } .sm\:rounded { - border-radius: .25rem; + border-radius: 0.25rem; } .sm\:rounded-lg { - border-radius: .5rem; + border-radius: 0.5rem; } .sm\:rounded-full { @@ -9748,63 +9746,63 @@ video { } .sm\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } .sm\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } .sm\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .sm\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .sm\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .sm\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .sm\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .sm\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .sm\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .sm\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .sm\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .sm\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .sm\:rounded-t-full { @@ -9844,51 +9842,51 @@ video { } .sm\:rounded-tl-sm { - border-top-left-radius: .125rem; + border-top-left-radius: 0.125rem; } .sm\:rounded-tr-sm { - border-top-right-radius: .125rem; + border-top-right-radius: 0.125rem; } .sm\:rounded-br-sm { - border-bottom-right-radius: .125rem; + border-bottom-right-radius: 0.125rem; } .sm\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + border-bottom-left-radius: 0.125rem; } .sm\:rounded-tl { - border-top-left-radius: .25rem; + border-top-left-radius: 0.25rem; } .sm\:rounded-tr { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; } .sm\:rounded-br { - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; } .sm\:rounded-bl { - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; } .sm\:rounded-tl-lg { - border-top-left-radius: .5rem; + border-top-left-radius: 0.5rem; } .sm\:rounded-tr-lg { - border-top-right-radius: .5rem; + border-top-right-radius: 0.5rem; } .sm\:rounded-br-lg { - border-bottom-right-radius: .5rem; + border-bottom-right-radius: 0.5rem; } .sm\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + border-bottom-left-radius: 0.5rem; } .sm\:rounded-tl-full { @@ -10366,15 +10364,15 @@ video { } .sm\:h-1 { - height: .25rem; + height: 0.25rem; } .sm\:h-2 { - height: .5rem; + height: 0.5rem; } .sm\:h-3 { - height: .75rem; + height: 0.75rem; } .sm\:h-4 { @@ -10498,15 +10496,15 @@ video { } .sm\:m-1 { - margin: .25rem; + margin: 0.25rem; } .sm\:m-2 { - margin: .5rem; + margin: 0.5rem; } .sm\:m-3 { - margin: .75rem; + margin: 0.75rem; } .sm\:m-4 { @@ -10584,33 +10582,33 @@ video { } .sm\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; } .sm\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + margin-left: 0.25rem; + margin-right: 0.25rem; } .sm\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .sm\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .sm\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .sm\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .sm\:my-4 { @@ -10790,51 +10788,51 @@ video { } .sm\:mt-1 { - margin-top: .25rem; + margin-top: 0.25rem; } .sm\:mr-1 { - margin-right: .25rem; + margin-right: 0.25rem; } .sm\:mb-1 { - margin-bottom: .25rem; + margin-bottom: 0.25rem; } .sm\:ml-1 { - margin-left: .25rem; + margin-left: 0.25rem; } .sm\:mt-2 { - margin-top: .5rem; + margin-top: 0.5rem; } .sm\:mr-2 { - margin-right: .5rem; + margin-right: 0.5rem; } .sm\:mb-2 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .sm\:ml-2 { - margin-left: .5rem; + margin-left: 0.5rem; } .sm\:mt-3 { - margin-top: .75rem; + margin-top: 0.75rem; } .sm\:mr-3 { - margin-right: .75rem; + margin-right: 0.75rem; } .sm\:mb-3 { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .sm\:ml-3 { - margin-left: .75rem; + margin-left: 0.75rem; } .sm\:mt-4 { @@ -11796,15 +11794,15 @@ video { } .sm\:opacity-25 { - opacity: .25; + opacity: 0.25; } .sm\:opacity-50 { - opacity: .5; + opacity: 0.5; } .sm\:opacity-75 { - opacity: .75; + opacity: 0.75; } .sm\:opacity-100 { @@ -11872,15 +11870,15 @@ video { } .sm\:p-1 { - padding: .25rem; + padding: 0.25rem; } .sm\:p-2 { - padding: .5rem; + padding: 0.5rem; } .sm\:p-3 { - padding: .75rem; + padding: 0.75rem; } .sm\:p-4 { @@ -11954,33 +11952,33 @@ video { } .sm\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .sm\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .sm\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .sm\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .sm\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .sm\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .sm\:py-4 { @@ -12150,51 +12148,51 @@ video { } .sm\:pt-1 { - padding-top: .25rem; + padding-top: 0.25rem; } .sm\:pr-1 { - padding-right: .25rem; + padding-right: 0.25rem; } .sm\:pb-1 { - padding-bottom: .25rem; + padding-bottom: 0.25rem; } .sm\:pl-1 { - padding-left: .25rem; + padding-left: 0.25rem; } .sm\:pt-2 { - padding-top: .5rem; + padding-top: 0.5rem; } .sm\:pr-2 { - padding-right: .5rem; + padding-right: 0.5rem; } .sm\:pb-2 { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .sm\:pl-2 { - padding-left: .5rem; + padding-left: 0.5rem; } .sm\:pt-3 { - padding-top: .75rem; + padding-top: 0.75rem; } .sm\:pr-3 { - padding-right: .75rem; + padding-right: 0.75rem; } .sm\:pb-3 { - padding-bottom: .75rem; + padding-bottom: 0.75rem; } .sm\:pl-3 { - padding-left: .75rem; + padding-left: 0.75rem; } .sm\:pt-4 { @@ -12568,11 +12566,11 @@ video { } .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .sm\:shadow-none { @@ -12600,11 +12598,11 @@ video { } .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .sm\:hover\:shadow-none:hover { @@ -12632,11 +12630,11 @@ video { } .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .sm\:focus\:shadow-none:focus { @@ -13784,11 +13782,11 @@ video { } .sm\:text-xs { - font-size: .75rem; + font-size: 0.75rem; } .sm\:text-sm { - font-size: .875rem; + font-size: 0.875rem; } .sm\:text-base { @@ -13906,15 +13904,15 @@ video { } .sm\:tracking-wide { - letter-spacing: .025em; + letter-spacing: 0.025em; } .sm\:tracking-wider { - letter-spacing: .05em; + letter-spacing: 0.05em; } .sm\:tracking-widest { - letter-spacing: .1em; + letter-spacing: 0.1em; } .sm\:select-none { @@ -14001,15 +13999,15 @@ video { } .sm\:w-1 { - width: .25rem; + width: 0.25rem; } .sm\:w-2 { - width: .5rem; + width: 0.5rem; } .sm\:w-3 { - width: .75rem; + width: 0.75rem; } .sm\:w-4 { @@ -16480,15 +16478,15 @@ video { } .md\:rounded-sm { - border-radius: .125rem; + border-radius: 0.125rem; } .md\:rounded { - border-radius: .25rem; + border-radius: 0.25rem; } .md\:rounded-lg { - border-radius: .5rem; + border-radius: 0.5rem; } .md\:rounded-full { @@ -16516,63 +16514,63 @@ video { } .md\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } .md\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } .md\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .md\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .md\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .md\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .md\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .md\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .md\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .md\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .md\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .md\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .md\:rounded-t-full { @@ -16612,51 +16610,51 @@ video { } .md\:rounded-tl-sm { - border-top-left-radius: .125rem; + border-top-left-radius: 0.125rem; } .md\:rounded-tr-sm { - border-top-right-radius: .125rem; + border-top-right-radius: 0.125rem; } .md\:rounded-br-sm { - border-bottom-right-radius: .125rem; + border-bottom-right-radius: 0.125rem; } .md\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + border-bottom-left-radius: 0.125rem; } .md\:rounded-tl { - border-top-left-radius: .25rem; + border-top-left-radius: 0.25rem; } .md\:rounded-tr { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; } .md\:rounded-br { - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; } .md\:rounded-bl { - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; } .md\:rounded-tl-lg { - border-top-left-radius: .5rem; + border-top-left-radius: 0.5rem; } .md\:rounded-tr-lg { - border-top-right-radius: .5rem; + border-top-right-radius: 0.5rem; } .md\:rounded-br-lg { - border-bottom-right-radius: .5rem; + border-bottom-right-radius: 0.5rem; } .md\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + border-bottom-left-radius: 0.5rem; } .md\:rounded-tl-full { @@ -17134,15 +17132,15 @@ video { } .md\:h-1 { - height: .25rem; + height: 0.25rem; } .md\:h-2 { - height: .5rem; + height: 0.5rem; } .md\:h-3 { - height: .75rem; + height: 0.75rem; } .md\:h-4 { @@ -17266,15 +17264,15 @@ video { } .md\:m-1 { - margin: .25rem; + margin: 0.25rem; } .md\:m-2 { - margin: .5rem; + margin: 0.5rem; } .md\:m-3 { - margin: .75rem; + margin: 0.75rem; } .md\:m-4 { @@ -17352,33 +17350,33 @@ video { } .md\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; } .md\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + margin-left: 0.25rem; + margin-right: 0.25rem; } .md\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .md\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .md\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .md\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .md\:my-4 { @@ -17558,51 +17556,51 @@ video { } .md\:mt-1 { - margin-top: .25rem; + margin-top: 0.25rem; } .md\:mr-1 { - margin-right: .25rem; + margin-right: 0.25rem; } .md\:mb-1 { - margin-bottom: .25rem; + margin-bottom: 0.25rem; } .md\:ml-1 { - margin-left: .25rem; + margin-left: 0.25rem; } .md\:mt-2 { - margin-top: .5rem; + margin-top: 0.5rem; } .md\:mr-2 { - margin-right: .5rem; + margin-right: 0.5rem; } .md\:mb-2 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .md\:ml-2 { - margin-left: .5rem; + margin-left: 0.5rem; } .md\:mt-3 { - margin-top: .75rem; + margin-top: 0.75rem; } .md\:mr-3 { - margin-right: .75rem; + margin-right: 0.75rem; } .md\:mb-3 { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .md\:ml-3 { - margin-left: .75rem; + margin-left: 0.75rem; } .md\:mt-4 { @@ -18564,15 +18562,15 @@ video { } .md\:opacity-25 { - opacity: .25; + opacity: 0.25; } .md\:opacity-50 { - opacity: .5; + opacity: 0.5; } .md\:opacity-75 { - opacity: .75; + opacity: 0.75; } .md\:opacity-100 { @@ -18640,15 +18638,15 @@ video { } .md\:p-1 { - padding: .25rem; + padding: 0.25rem; } .md\:p-2 { - padding: .5rem; + padding: 0.5rem; } .md\:p-3 { - padding: .75rem; + padding: 0.75rem; } .md\:p-4 { @@ -18722,33 +18720,33 @@ video { } .md\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .md\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .md\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .md\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .md\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .md\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .md\:py-4 { @@ -18918,51 +18916,51 @@ video { } .md\:pt-1 { - padding-top: .25rem; + padding-top: 0.25rem; } .md\:pr-1 { - padding-right: .25rem; + padding-right: 0.25rem; } .md\:pb-1 { - padding-bottom: .25rem; + padding-bottom: 0.25rem; } .md\:pl-1 { - padding-left: .25rem; + padding-left: 0.25rem; } .md\:pt-2 { - padding-top: .5rem; + padding-top: 0.5rem; } .md\:pr-2 { - padding-right: .5rem; + padding-right: 0.5rem; } .md\:pb-2 { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .md\:pl-2 { - padding-left: .5rem; + padding-left: 0.5rem; } .md\:pt-3 { - padding-top: .75rem; + padding-top: 0.75rem; } .md\:pr-3 { - padding-right: .75rem; + padding-right: 0.75rem; } .md\:pb-3 { - padding-bottom: .75rem; + padding-bottom: 0.75rem; } .md\:pl-3 { - padding-left: .75rem; + padding-left: 0.75rem; } .md\:pt-4 { @@ -19336,11 +19334,11 @@ video { } .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .md\:shadow-none { @@ -19368,11 +19366,11 @@ video { } .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .md\:hover\:shadow-none:hover { @@ -19400,11 +19398,11 @@ video { } .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .md\:focus\:shadow-none:focus { @@ -20552,11 +20550,11 @@ video { } .md\:text-xs { - font-size: .75rem; + font-size: 0.75rem; } .md\:text-sm { - font-size: .875rem; + font-size: 0.875rem; } .md\:text-base { @@ -20674,15 +20672,15 @@ video { } .md\:tracking-wide { - letter-spacing: .025em; + letter-spacing: 0.025em; } .md\:tracking-wider { - letter-spacing: .05em; + letter-spacing: 0.05em; } .md\:tracking-widest { - letter-spacing: .1em; + letter-spacing: 0.1em; } .md\:select-none { @@ -20769,15 +20767,15 @@ video { } .md\:w-1 { - width: .25rem; + width: 0.25rem; } .md\:w-2 { - width: .5rem; + width: 0.5rem; } .md\:w-3 { - width: .75rem; + width: 0.75rem; } .md\:w-4 { @@ -23248,15 +23246,15 @@ video { } .lg\:rounded-sm { - border-radius: .125rem; + border-radius: 0.125rem; } .lg\:rounded { - border-radius: .25rem; + border-radius: 0.25rem; } .lg\:rounded-lg { - border-radius: .5rem; + border-radius: 0.5rem; } .lg\:rounded-full { @@ -23284,63 +23282,63 @@ video { } .lg\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } .lg\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } .lg\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .lg\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .lg\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .lg\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .lg\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .lg\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .lg\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .lg\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .lg\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .lg\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .lg\:rounded-t-full { @@ -23380,51 +23378,51 @@ video { } .lg\:rounded-tl-sm { - border-top-left-radius: .125rem; + border-top-left-radius: 0.125rem; } .lg\:rounded-tr-sm { - border-top-right-radius: .125rem; + border-top-right-radius: 0.125rem; } .lg\:rounded-br-sm { - border-bottom-right-radius: .125rem; + border-bottom-right-radius: 0.125rem; } .lg\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + border-bottom-left-radius: 0.125rem; } .lg\:rounded-tl { - border-top-left-radius: .25rem; + border-top-left-radius: 0.25rem; } .lg\:rounded-tr { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; } .lg\:rounded-br { - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; } .lg\:rounded-bl { - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; } .lg\:rounded-tl-lg { - border-top-left-radius: .5rem; + border-top-left-radius: 0.5rem; } .lg\:rounded-tr-lg { - border-top-right-radius: .5rem; + border-top-right-radius: 0.5rem; } .lg\:rounded-br-lg { - border-bottom-right-radius: .5rem; + border-bottom-right-radius: 0.5rem; } .lg\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + border-bottom-left-radius: 0.5rem; } .lg\:rounded-tl-full { @@ -23902,15 +23900,15 @@ video { } .lg\:h-1 { - height: .25rem; + height: 0.25rem; } .lg\:h-2 { - height: .5rem; + height: 0.5rem; } .lg\:h-3 { - height: .75rem; + height: 0.75rem; } .lg\:h-4 { @@ -24034,15 +24032,15 @@ video { } .lg\:m-1 { - margin: .25rem; + margin: 0.25rem; } .lg\:m-2 { - margin: .5rem; + margin: 0.5rem; } .lg\:m-3 { - margin: .75rem; + margin: 0.75rem; } .lg\:m-4 { @@ -24120,33 +24118,33 @@ video { } .lg\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; } .lg\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + margin-left: 0.25rem; + margin-right: 0.25rem; } .lg\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .lg\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .lg\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .lg\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .lg\:my-4 { @@ -24326,51 +24324,51 @@ video { } .lg\:mt-1 { - margin-top: .25rem; + margin-top: 0.25rem; } .lg\:mr-1 { - margin-right: .25rem; + margin-right: 0.25rem; } .lg\:mb-1 { - margin-bottom: .25rem; + margin-bottom: 0.25rem; } .lg\:ml-1 { - margin-left: .25rem; + margin-left: 0.25rem; } .lg\:mt-2 { - margin-top: .5rem; + margin-top: 0.5rem; } .lg\:mr-2 { - margin-right: .5rem; + margin-right: 0.5rem; } .lg\:mb-2 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .lg\:ml-2 { - margin-left: .5rem; + margin-left: 0.5rem; } .lg\:mt-3 { - margin-top: .75rem; + margin-top: 0.75rem; } .lg\:mr-3 { - margin-right: .75rem; + margin-right: 0.75rem; } .lg\:mb-3 { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .lg\:ml-3 { - margin-left: .75rem; + margin-left: 0.75rem; } .lg\:mt-4 { @@ -25332,15 +25330,15 @@ video { } .lg\:opacity-25 { - opacity: .25; + opacity: 0.25; } .lg\:opacity-50 { - opacity: .5; + opacity: 0.5; } .lg\:opacity-75 { - opacity: .75; + opacity: 0.75; } .lg\:opacity-100 { @@ -25408,15 +25406,15 @@ video { } .lg\:p-1 { - padding: .25rem; + padding: 0.25rem; } .lg\:p-2 { - padding: .5rem; + padding: 0.5rem; } .lg\:p-3 { - padding: .75rem; + padding: 0.75rem; } .lg\:p-4 { @@ -25490,33 +25488,33 @@ video { } .lg\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .lg\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .lg\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .lg\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .lg\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .lg\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .lg\:py-4 { @@ -25686,51 +25684,51 @@ video { } .lg\:pt-1 { - padding-top: .25rem; + padding-top: 0.25rem; } .lg\:pr-1 { - padding-right: .25rem; + padding-right: 0.25rem; } .lg\:pb-1 { - padding-bottom: .25rem; + padding-bottom: 0.25rem; } .lg\:pl-1 { - padding-left: .25rem; + padding-left: 0.25rem; } .lg\:pt-2 { - padding-top: .5rem; + padding-top: 0.5rem; } .lg\:pr-2 { - padding-right: .5rem; + padding-right: 0.5rem; } .lg\:pb-2 { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .lg\:pl-2 { - padding-left: .5rem; + padding-left: 0.5rem; } .lg\:pt-3 { - padding-top: .75rem; + padding-top: 0.75rem; } .lg\:pr-3 { - padding-right: .75rem; + padding-right: 0.75rem; } .lg\:pb-3 { - padding-bottom: .75rem; + padding-bottom: 0.75rem; } .lg\:pl-3 { - padding-left: .75rem; + padding-left: 0.75rem; } .lg\:pt-4 { @@ -26104,11 +26102,11 @@ video { } .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .lg\:shadow-none { @@ -26136,11 +26134,11 @@ video { } .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .lg\:hover\:shadow-none:hover { @@ -26168,11 +26166,11 @@ video { } .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .lg\:focus\:shadow-none:focus { @@ -27320,11 +27318,11 @@ video { } .lg\:text-xs { - font-size: .75rem; + font-size: 0.75rem; } .lg\:text-sm { - font-size: .875rem; + font-size: 0.875rem; } .lg\:text-base { @@ -27442,15 +27440,15 @@ video { } .lg\:tracking-wide { - letter-spacing: .025em; + letter-spacing: 0.025em; } .lg\:tracking-wider { - letter-spacing: .05em; + letter-spacing: 0.05em; } .lg\:tracking-widest { - letter-spacing: .1em; + letter-spacing: 0.1em; } .lg\:select-none { @@ -27537,15 +27535,15 @@ video { } .lg\:w-1 { - width: .25rem; + width: 0.25rem; } .lg\:w-2 { - width: .5rem; + width: 0.5rem; } .lg\:w-3 { - width: .75rem; + width: 0.75rem; } .lg\:w-4 { @@ -30016,15 +30014,15 @@ video { } .xl\:rounded-sm { - border-radius: .125rem; + border-radius: 0.125rem; } .xl\:rounded { - border-radius: .25rem; + border-radius: 0.25rem; } .xl\:rounded-lg { - border-radius: .5rem; + border-radius: 0.5rem; } .xl\:rounded-full { @@ -30052,63 +30050,63 @@ video { } .xl\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } .xl\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } .xl\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .xl\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } .xl\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .xl\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .xl\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .xl\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .xl\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .xl\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .xl\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .xl\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .xl\:rounded-t-full { @@ -30148,51 +30146,51 @@ video { } .xl\:rounded-tl-sm { - border-top-left-radius: .125rem; + border-top-left-radius: 0.125rem; } .xl\:rounded-tr-sm { - border-top-right-radius: .125rem; + border-top-right-radius: 0.125rem; } .xl\:rounded-br-sm { - border-bottom-right-radius: .125rem; + border-bottom-right-radius: 0.125rem; } .xl\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + border-bottom-left-radius: 0.125rem; } .xl\:rounded-tl { - border-top-left-radius: .25rem; + border-top-left-radius: 0.25rem; } .xl\:rounded-tr { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; } .xl\:rounded-br { - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; } .xl\:rounded-bl { - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; } .xl\:rounded-tl-lg { - border-top-left-radius: .5rem; + border-top-left-radius: 0.5rem; } .xl\:rounded-tr-lg { - border-top-right-radius: .5rem; + border-top-right-radius: 0.5rem; } .xl\:rounded-br-lg { - border-bottom-right-radius: .5rem; + border-bottom-right-radius: 0.5rem; } .xl\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + border-bottom-left-radius: 0.5rem; } .xl\:rounded-tl-full { @@ -30670,15 +30668,15 @@ video { } .xl\:h-1 { - height: .25rem; + height: 0.25rem; } .xl\:h-2 { - height: .5rem; + height: 0.5rem; } .xl\:h-3 { - height: .75rem; + height: 0.75rem; } .xl\:h-4 { @@ -30802,15 +30800,15 @@ video { } .xl\:m-1 { - margin: .25rem; + margin: 0.25rem; } .xl\:m-2 { - margin: .5rem; + margin: 0.5rem; } .xl\:m-3 { - margin: .75rem; + margin: 0.75rem; } .xl\:m-4 { @@ -30888,33 +30886,33 @@ video { } .xl\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; } .xl\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + margin-left: 0.25rem; + margin-right: 0.25rem; } .xl\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .xl\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .xl\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .xl\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .xl\:my-4 { @@ -31094,51 +31092,51 @@ video { } .xl\:mt-1 { - margin-top: .25rem; + margin-top: 0.25rem; } .xl\:mr-1 { - margin-right: .25rem; + margin-right: 0.25rem; } .xl\:mb-1 { - margin-bottom: .25rem; + margin-bottom: 0.25rem; } .xl\:ml-1 { - margin-left: .25rem; + margin-left: 0.25rem; } .xl\:mt-2 { - margin-top: .5rem; + margin-top: 0.5rem; } .xl\:mr-2 { - margin-right: .5rem; + margin-right: 0.5rem; } .xl\:mb-2 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .xl\:ml-2 { - margin-left: .5rem; + margin-left: 0.5rem; } .xl\:mt-3 { - margin-top: .75rem; + margin-top: 0.75rem; } .xl\:mr-3 { - margin-right: .75rem; + margin-right: 0.75rem; } .xl\:mb-3 { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .xl\:ml-3 { - margin-left: .75rem; + margin-left: 0.75rem; } .xl\:mt-4 { @@ -32100,15 +32098,15 @@ video { } .xl\:opacity-25 { - opacity: .25; + opacity: 0.25; } .xl\:opacity-50 { - opacity: .5; + opacity: 0.5; } .xl\:opacity-75 { - opacity: .75; + opacity: 0.75; } .xl\:opacity-100 { @@ -32176,15 +32174,15 @@ video { } .xl\:p-1 { - padding: .25rem; + padding: 0.25rem; } .xl\:p-2 { - padding: .5rem; + padding: 0.5rem; } .xl\:p-3 { - padding: .75rem; + padding: 0.75rem; } .xl\:p-4 { @@ -32258,33 +32256,33 @@ video { } .xl\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .xl\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .xl\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .xl\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .xl\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .xl\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .xl\:py-4 { @@ -32454,51 +32452,51 @@ video { } .xl\:pt-1 { - padding-top: .25rem; + padding-top: 0.25rem; } .xl\:pr-1 { - padding-right: .25rem; + padding-right: 0.25rem; } .xl\:pb-1 { - padding-bottom: .25rem; + padding-bottom: 0.25rem; } .xl\:pl-1 { - padding-left: .25rem; + padding-left: 0.25rem; } .xl\:pt-2 { - padding-top: .5rem; + padding-top: 0.5rem; } .xl\:pr-2 { - padding-right: .5rem; + padding-right: 0.5rem; } .xl\:pb-2 { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .xl\:pl-2 { - padding-left: .5rem; + padding-left: 0.5rem; } .xl\:pt-3 { - padding-top: .75rem; + padding-top: 0.75rem; } .xl\:pr-3 { - padding-right: .75rem; + padding-right: 0.75rem; } .xl\:pb-3 { - padding-bottom: .75rem; + padding-bottom: 0.75rem; } .xl\:pl-3 { - padding-left: .75rem; + padding-left: 0.75rem; } .xl\:pt-4 { @@ -32872,11 +32870,11 @@ video { } .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .xl\:shadow-none { @@ -32904,11 +32902,11 @@ video { } .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .xl\:hover\:shadow-none:hover { @@ -32936,11 +32934,11 @@ video { } .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .xl\:focus\:shadow-none:focus { @@ -34088,11 +34086,11 @@ video { } .xl\:text-xs { - font-size: .75rem; + font-size: 0.75rem; } .xl\:text-sm { - font-size: .875rem; + font-size: 0.875rem; } .xl\:text-base { @@ -34210,15 +34208,15 @@ video { } .xl\:tracking-wide { - letter-spacing: .025em; + letter-spacing: 0.025em; } .xl\:tracking-wider { - letter-spacing: .05em; + letter-spacing: 0.05em; } .xl\:tracking-widest { - letter-spacing: .1em; + letter-spacing: 0.1em; } .xl\:select-none { @@ -34305,15 +34303,15 @@ video { } .xl\:w-1 { - width: .25rem; + width: 0.25rem; } .xl\:w-2 { - width: .5rem; + width: 0.5rem; } .xl\:w-3 { - width: .75rem; + width: 0.75rem; } .xl\:w-4 { diff --git a/package.json b/package.json index afb2a11e5..af642b3ad 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,6 @@ "lodash": "^4.17.11", "node-emoji": "^1.8.1", "normalize.css": "^8.0.1", - "perfectionist": "^2.4.0", "postcss": "^7.0.11", "postcss-functions": "^3.0.0", "postcss-js": "^2.0.0", diff --git a/src/index.js b/src/index.js index 999385003..13744f5be 100644 --- a/src/index.js +++ b/src/index.js @@ -3,10 +3,10 @@ import fs from 'fs' import _ from 'lodash' import postcss from 'postcss' -import perfectionist from 'perfectionist' import registerConfigAsDependency from './lib/registerConfigAsDependency' import processTailwindFeatures from './processTailwindFeatures' +import formatNodes from './lib/formatNodes' import resolveConfig from './util/resolveConfig' import { defaultConfigFile } from './constants' @@ -53,16 +53,7 @@ const plugin = postcss.plugin('tailwind', config => { return postcss([ ...plugins, processTailwindFeatures(getConfigFunction(resolvedConfigPath || config)), - perfectionist({ - cascade: true, - colorShorthand: true, - indentSize: 2, - maxSelectorLength: 1, - maxValueLength: false, - trimLeadingZero: true, - trimTrailingZeros: true, - zeroLengthNoUnit: false, - }), + formatNodes, ]) }) diff --git a/src/lib/evaluateTailwindFunctions.js b/src/lib/evaluateTailwindFunctions.js index a1d3a4329..84e984ba4 100644 --- a/src/lib/evaluateTailwindFunctions.js +++ b/src/lib/evaluateTailwindFunctions.js @@ -5,7 +5,9 @@ export default function(config) { return functions({ functions: { theme: (path, ...defaultValue) => { - return _.get(config.theme, _.trim(path, `'"`), defaultValue.join(', ')) + return _.thru(_.get(config.theme, _.trim(path, `'"`), defaultValue), value => { + return _.isArray(value) ? value.join(', ') : value + }) }, }, }) diff --git a/src/lib/formatNodes.js b/src/lib/formatNodes.js new file mode 100644 index 000000000..06ac59a43 --- /dev/null +++ b/src/lib/formatNodes.js @@ -0,0 +1,14 @@ +function indentRecursive(node, indentLevel = 0) { + node.each && node.each((child, i) => { + if (!child.raws.before || child.raws.before.includes('\n')) { + child.raws.before = `${ node.type === 'rule' || i === 0 ? '\n' : '\n\n'}${' '.repeat(indentLevel)}` + } + child.raws.after = `\n${' '.repeat(indentLevel)}` + indentRecursive(child, indentLevel + 1) + }) +} + +export default function formatNodes(root) { + indentRecursive(root) + root.first.raws.before = '' +} diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 61cfabe82..4509b0273 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -173,8 +173,8 @@ module.exports = { ], }, fontSize: { - xs: '.75rem', - sm: '.875rem', + xs: '0.75rem', + sm: '0.875rem', base: '1rem', lg: '1.125rem', xl: '1.25rem', @@ -207,9 +207,9 @@ module.exports = { tighter: '-.05em', tight: '-.025em', normal: '0', - wide: '.025em', - wider: '.05em', - widest: '.1em', + wide: '0.025em', + wider: '0.05em', + widest: '0.1em', }, textColor: theme => theme('colors'), backgroundColor: theme => theme('colors'), @@ -242,9 +242,9 @@ module.exports = { }), borderRadius: { none: '0', - sm: '.125rem', - default: '.25rem', - lg: '.5rem', + sm: '0.125rem', + default: '0.25rem', + lg: '0.5rem', full: '9999px', }, cursor: { @@ -324,8 +324,8 @@ module.exports = { lg: '0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)', xl: '0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)', '2xl': '0 25px 50px -12px rgba(0, 0, 0, .25)', - inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)', - outline: '0 0 0 3px rgba(66,153,225,0.5)', + inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', + outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', none: 'none', }, zIndex: { @@ -339,9 +339,9 @@ module.exports = { }, opacity: { '0': '0', - '25': '.25', - '50': '.5', - '75': '.75', + '25': '0.25', + '50': '0.5', + '75': '0.75', '100': '1', }, fill: { From de1884fdd935e12aa9587c3e31c234999f601eb6 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 16 Apr 2019 11:49:12 -0400 Subject: [PATCH 2/3] Fix formatting --- src/lib/formatNodes.js | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/lib/formatNodes.js b/src/lib/formatNodes.js index 06ac59a43..6ff7fc40b 100644 --- a/src/lib/formatNodes.js +++ b/src/lib/formatNodes.js @@ -1,11 +1,12 @@ -function indentRecursive(node, indentLevel = 0) { - node.each && node.each((child, i) => { - if (!child.raws.before || child.raws.before.includes('\n')) { - child.raws.before = `${ node.type === 'rule' || i === 0 ? '\n' : '\n\n'}${' '.repeat(indentLevel)}` - } - child.raws.after = `\n${' '.repeat(indentLevel)}` - indentRecursive(child, indentLevel + 1) - }) +function indentRecursive(node, indent = 0) { + node.each && + node.each((child, i) => { + if (!child.raws.before || child.raws.before.includes('\n')) { + child.raws.before = `\n${node.type !== 'rule' && i > 0 ? '\n' : ''}${' '.repeat(indent)}` + } + child.raws.after = `\n${' '.repeat(indent)}` + indentRecursive(child, indent + 1) + }) } export default function formatNodes(root) { From 93184084c63f05ab01dcf88dc7ece774a567f8be Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 17 Apr 2019 08:07:42 -0400 Subject: [PATCH 3/3] Rename formatNodes to formatCSS --- src/index.js | 4 ++-- src/lib/{formatNodes.js => formatCSS.js} | 0 2 files changed, 2 insertions(+), 2 deletions(-) rename src/lib/{formatNodes.js => formatCSS.js} (100%) diff --git a/src/index.js b/src/index.js index 13744f5be..4c37432fb 100644 --- a/src/index.js +++ b/src/index.js @@ -6,7 +6,7 @@ import postcss from 'postcss' import registerConfigAsDependency from './lib/registerConfigAsDependency' import processTailwindFeatures from './processTailwindFeatures' -import formatNodes from './lib/formatNodes' +import formatCSS from './lib/formatCSS' import resolveConfig from './util/resolveConfig' import { defaultConfigFile } from './constants' @@ -53,7 +53,7 @@ const plugin = postcss.plugin('tailwind', config => { return postcss([ ...plugins, processTailwindFeatures(getConfigFunction(resolvedConfigPath || config)), - formatNodes, + formatCSS, ]) }) diff --git a/src/lib/formatNodes.js b/src/lib/formatCSS.js similarity index 100% rename from src/lib/formatNodes.js rename to src/lib/formatCSS.js