Skip to content

Commit c88cdac

Browse files
mythzmythz
committed
explicitly use tailwindcss@v3
1 parent 638d873 commit c88cdac

File tree

2 files changed

+21
-113
lines changed

2 files changed

+21
-113
lines changed

‎MyApp/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
"dtos": "x mjs",
55
"dev": "dotnet watch",
66
"serve": "npx http-server ./dist",
7-
"ui:dev": "npx @tailwindcss/cli -i ./tailwind.input.css -o ./wwwroot/css/app.css --watch",
8-
"ui:build": "npx @tailwindcss/cli -i ./tailwind.input.css -o ./wwwroot/css/app.css --minify",
7+
"ui:dev": "npx tailwindcss@v3 -i ./tailwind.input.css -o ./wwwroot/css/app.css --watch",
8+
"ui:build": "npx tailwindcss@v3 -i ./tailwind.input.css -o ./wwwroot/css/app.css --minify",
99
"build": "npm run ui:build",
1010
"prerender": "dotnet run --AppTasks=prerender --environment Production",
1111
"prerender:dev": "dotnet run --AppTasks=prerender --environment Development"

‎MyApp/wwwroot/css/app.css‎

Lines changed: 19 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -1393,6 +1393,10 @@ select{
13931393
margin-left: 0.25rem;
13941394
}
13951395

1396+
.ml-1\.5 {
1397+
margin-left: 0.375rem;
1398+
}
1399+
13961400
.ml-2 {
13971401
margin-left: 0.5rem;
13981402
}
@@ -1525,10 +1529,6 @@ select{
15251529
margin-top: 2rem;
15261530
}
15271531

1528-
.-ml-2 {
1529-
margin-left: -0.5rem;
1530-
}
1531-
15321532
.block {
15331533
display: block;
15341534
}
@@ -4258,11 +4258,6 @@ select{
42584258
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
42594259
}
42604260

4261-
.backdrop-filter {
4262-
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
4263-
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
4264-
}
4265-
42664261
.\!transition {
42674262
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
42684263
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
@@ -4443,11 +4438,6 @@ select{
44434438
position: absolute;
44444439
}
44454440

4446-
.before\:inset-0::before {
4447-
content: var(--tw-content);
4448-
inset: 0px;
4449-
}
4450-
44514441
.before\:-left-1::before {
44524442
content: var(--tw-content);
44534443
left: -0.25rem;
@@ -4458,11 +4448,6 @@ select{
44584448
top: 50%;
44594449
}
44604450

4461-
.before\:-z-10::before {
4462-
content: var(--tw-content);
4463-
z-index: -10;
4464-
}
4465-
44664451
.before\:mb-2::before {
44674452
content: var(--tw-content);
44684453
margin-bottom: 0.5rem;
@@ -4494,11 +4479,6 @@ select{
44944479
border-radius: 9999px;
44954480
}
44964481

4497-
.before\:rounded-lg::before {
4498-
content: var(--tw-content);
4499-
border-radius: 0.5rem;
4500-
}
4501-
45024482
.before\:bg-sky-500::before {
45034483
content: var(--tw-content);
45044484
--tw-bg-opacity: 1;
@@ -4511,28 +4491,6 @@ select{
45114491
background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
45124492
}
45134493

4514-
.before\:bg-gradient-to-r::before {
4515-
content: var(--tw-content);
4516-
background-image: linear-gradient(to right, var(--tw-gradient-stops));
4517-
}
4518-
4519-
.before\:from-blue-500::before {
4520-
content: var(--tw-content);
4521-
--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
4522-
--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
4523-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4524-
}
4525-
4526-
.before\:to-green-500::before {
4527-
content: var(--tw-content);
4528-
--tw-gradient-to: #22c55e var(--tw-gradient-to-position);
4529-
}
4530-
4531-
.before\:p-\[2px\]::before {
4532-
content: var(--tw-content);
4533-
padding: 2px;
4534-
}
4535-
45364494
.before\:font-mono::before {
45374495
content: var(--tw-content);
45384496
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -4611,21 +4569,16 @@ select{
46114569
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
46124570
}
46134571

4614-
.hover\:border-indigo-300:hover {
4572+
.hover\:border-green-500:hover {
46154573
--tw-border-opacity: 1;
4616-
border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
4574+
border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
46174575
}
46184576

46194577
.hover\:border-indigo-700:hover {
46204578
--tw-border-opacity: 1;
46214579
border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
46224580
}
46234581

4624-
.hover\:border-green-500:hover {
4625-
--tw-border-opacity: 1;
4626-
border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
4627-
}
4628-
46294582
.hover\:bg-blue-50\/40:hover {
46304583
background-color: rgb(239 246 255 / 0.4);
46314584
}
@@ -4747,10 +4700,6 @@ select{
47474700
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
47484701
}
47494702

4750-
.hover\:bg-transparent:hover {
4751-
background-color: transparent;
4752-
}
4753-
47544703
.hover\:bg-opacity-70:hover {
47554704
--tw-bg-opacity: 0.7;
47564705
}
@@ -5097,6 +5046,10 @@ select{
50975046
outline-offset: 2px;
50985047
}
50995048

5049+
.focus-visible\:outline-indigo-300:focus-visible {
5050+
outline-color: #a5b4fc;
5051+
}
5052+
51005053
.focus-visible\:outline-indigo-400:focus-visible {
51015054
outline-color: #818cf8;
51025055
}
@@ -5105,16 +5058,6 @@ select{
51055058
outline-color: #4f46e5;
51065059
}
51075060

5108-
.focus-visible\:outline-indigo-300:focus-visible {
5109-
outline-color: #a5b4fc;
5110-
}
5111-
5112-
.active\:scale-95:active {
5113-
--tw-scale-x: .95;
5114-
--tw-scale-y: .95;
5115-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5116-
}
5117-
51185061
.active\:bg-slate-600:active {
51195062
--tw-bg-opacity: 1;
51205063
background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
@@ -5130,11 +5073,6 @@ select{
51305073
border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
51315074
}
51325075

5133-
.disabled\:border-gray-500:disabled {
5134-
--tw-border-opacity: 1;
5135-
border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
5136-
}
5137-
51385076
.disabled\:border-slate-300:disabled {
51395077
--tw-border-opacity: 1;
51405078
border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
@@ -5150,6 +5088,11 @@ select{
51505088
background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
51515089
}
51525090

5091+
.disabled\:bg-gray-100:disabled {
5092+
--tw-bg-opacity: 1;
5093+
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
5094+
}
5095+
51535096
.disabled\:bg-green-400:disabled {
51545097
--tw-bg-opacity: 1;
51555098
background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
@@ -5180,29 +5123,19 @@ select{
51805123
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
51815124
}
51825125

5183-
.disabled\:bg-gray-50:disabled {
5184-
--tw-bg-opacity: 1;
5185-
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
5186-
}
5187-
5188-
.disabled\:bg-gray-100:disabled {
5189-
--tw-bg-opacity: 1;
5190-
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
5191-
}
5192-
51935126
.disabled\:text-gray-400:disabled {
51945127
--tw-text-opacity: 1;
51955128
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
51965129
}
51975130

5198-
.disabled\:text-slate-500:disabled {
5131+
.disabled\:text-slate-400:disabled {
51995132
--tw-text-opacity: 1;
5200-
color: rgb(100 116 139 / var(--tw-text-opacity, 1));
5133+
color: rgb(148 163 184 / var(--tw-text-opacity, 1));
52015134
}
52025135

5203-
.disabled\:text-slate-400:disabled {
5136+
.disabled\:text-slate-500:disabled {
52045137
--tw-text-opacity: 1;
5205-
color: rgb(148 163 184 / var(--tw-text-opacity, 1));
5138+
color: rgb(100 116 139 / var(--tw-text-opacity, 1));
52065139
}
52075140

52085141
.disabled\:shadow-none:disabled {
@@ -5211,11 +5144,6 @@ select{
52115144
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
52125145
}
52135146

5214-
.disabled\:hover\:border-slate-300:hover:disabled {
5215-
--tw-border-opacity: 1;
5216-
border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
5217-
}
5218-
52195147
.disabled\:hover\:bg-blue-400:hover:disabled {
52205148
--tw-bg-opacity: 1;
52215149
background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
@@ -5384,11 +5312,6 @@ select{
53845312
border-color: rgb(63 63 70 / 0.4);
53855313
}
53865314

5387-
.dark\:border-blue-400:is(.dark *) {
5388-
--tw-border-opacity: 1;
5389-
border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
5390-
}
5391-
53925315
.dark\:bg-black:is(.dark *) {
53935316
--tw-bg-opacity: 1;
53945317
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -5774,16 +5697,6 @@ select{
57745697
border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
57755698
}
57765699

5777-
.dark\:hover\:border-slate-400:hover:is(.dark *) {
5778-
--tw-border-opacity: 1;
5779-
border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
5780-
}
5781-
5782-
.dark\:hover\:border-green-400:hover:is(.dark *) {
5783-
--tw-border-opacity: 1;
5784-
border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
5785-
}
5786-
57875700
.dark\:hover\:bg-black:hover:is(.dark *) {
57885701
--tw-bg-opacity: 1;
57895702
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -6018,11 +5931,6 @@ select{
60185931
color: rgb(253 242 248 / var(--tw-text-opacity, 1));
60195932
}
60205933

6021-
.disabled\:dark\:hover\:border-slate-600:hover:is(.dark *):disabled {
6022-
--tw-border-opacity: 1;
6023-
border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
6024-
}
6025-
60265934
.dark\:disabled\:hover\:bg-black:hover:disabled:is(.dark *) {
60275935
--tw-bg-opacity: 1;
60285936
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));

0 commit comments

Comments
 (0)