Skip to content

Commit b8c0bdb

Browse files
mythzmythz
committed
update styles
1 parent d722eb3 commit b8c0bdb

File tree

4 files changed

+134
-19
lines changed

4 files changed

+134
-19
lines changed

‎MyApp.Client/styles/index.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@
117117
}
118118
}
119119

120-
[type='button'],button[type='submit']{cursor:pointer}
120+
[type='button'],button[type='submit'],button[href]{cursor:pointer}
121121

122122
.svg-external {
123123
color: #007bff;

‎MyApp/Areas/Identity/Pages/Account/Login.cshtml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<h1 class="mb-4 text-2xl font-semibold text-gray-900 dark:text-gray-100">
1818
Sign In
1919
</h1>
20-
<div class="sm:shadow overflow-hidden sm:rounded-md">
20+
<div class="sm:shadow overflow-hidden sm:rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-black">
2121
<form method="post">
2222
<div class="px-4 bg-white dark:bg-black sm:p-6">
2323
<div asp-validation-summary="All" class="text-danger font-semibold text-center"></div>
@@ -45,8 +45,8 @@
4545
<div class="flex items-center justify-between">
4646
<div class="flex items-center">
4747
<input type="checkbox" id="chkRememberMe" name="rememberMe" value="true" checked="checked"
48-
class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500">
49-
<label for="chkRememberMe" class="ml-2 block text-sm text-gray-900">Remember Me</label>
48+
class="h-4 w-4 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-800 text-indigo-600 focus:ring-indigo-500">
49+
<label for="chkRememberMe" class="ml-2 block text-sm text-gray-900 dark:text-gray-100">Remember Me</label>
5050
</div>
5151
</div>
5252

‎MyApp/tailwind.input.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@
155155
[type='file']:focus{outline:1px auto -webkit-focus-ring-color;}
156156
[type='color']{height:2.4rem;padding:2px 3px}
157157
[type='range']{height:2.4rem}
158-
[type='button'],button[type='submit']{cursor:pointer}
158+
[type='button'],button[type='submit'],button[href]{cursor:pointer}
159159

160160
@media (min-width: 640px) {
161161
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='week'],[type='search'],[type='tel'],[type='time'],[type='color'],[multiple],textarea,select {

‎MyApp/wwwroot/css/app.css‎

Lines changed: 129 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
1+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
22
@layer properties;
33
@layer theme, base, components, utilities;
44
@layer theme {
@@ -254,9 +254,7 @@
254254
::placeholder {
255255
color: currentcolor;
256256
@supports (color: color-mix(in lab, red, red)) {
257-
& {
258-
color: color-mix(in oklab, currentcolor 50%, transparent);
259-
}
257+
color: color-mix(in oklab, currentcolor 50%, transparent);
260258
}
261259
}
262260
}
@@ -302,6 +300,9 @@
302300
.pointer-events-none {
303301
pointer-events: none;
304302
}
303+
.visible {
304+
visibility: visible;
305+
}
305306
.sr-only {
306307
position: absolute;
307308
width: 1px;
@@ -355,9 +356,30 @@
355356
.col-span-3 {
356357
grid-column: span 3 / span 3;
357358
}
359+
.col-span-6 {
360+
grid-column: span 6 / span 6;
361+
}
358362
.col-span-12 {
359363
grid-column: span 12 / span 12;
360364
}
365+
.container {
366+
width: 100%;
367+
@media (width >= 40rem) {
368+
max-width: 40rem;
369+
}
370+
@media (width >= 48rem) {
371+
max-width: 48rem;
372+
}
373+
@media (width >= 64rem) {
374+
max-width: 64rem;
375+
}
376+
@media (width >= 80rem) {
377+
max-width: 80rem;
378+
}
379+
@media (width >= 96rem) {
380+
max-width: 96rem;
381+
}
382+
}
361383
.-m-2\.5 {
362384
margin: calc(var(--spacing) * -2.5);
363385
}
@@ -454,6 +476,9 @@
454476
.mb-10 {
455477
margin-bottom: calc(var(--spacing) * 10);
456478
}
479+
.-ml-1 {
480+
margin-left: calc(var(--spacing) * -1);
481+
}
457482
.-ml-px {
458483
margin-left: -1px;
459484
}
@@ -532,6 +557,9 @@
532557
.h-20 {
533558
height: calc(var(--spacing) * 20);
534559
}
560+
.h-24 {
561+
height: calc(var(--spacing) * 24);
562+
}
535563
.h-full {
536564
height: 100%;
537565
}
@@ -586,6 +614,9 @@
586614
.w-80 {
587615
width: calc(var(--spacing) * 80);
588616
}
617+
.w-96 {
618+
width: calc(var(--spacing) * 96);
619+
}
589620
.w-100 {
590621
width: calc(var(--spacing) * 100);
591622
}
@@ -698,6 +729,9 @@
698729
.cursor-text {
699730
cursor: text;
700731
}
732+
.resize {
733+
resize: both;
734+
}
701735
.list-decimal {
702736
list-style-type: decimal;
703737
}
@@ -707,6 +741,9 @@
707741
.grid-cols-4 {
708742
grid-template-columns: repeat(4, minmax(0, 1fr));
709743
}
744+
.grid-cols-6 {
745+
grid-template-columns: repeat(6, minmax(0, 1fr));
746+
}
710747
.grid-cols-12 {
711748
grid-template-columns: repeat(12, minmax(0, 1fr));
712749
}
@@ -959,17 +996,13 @@
959996
.bg-gray-500\/75 {
960997
background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);
961998
@supports (color: color-mix(in lab, red, red)) {
962-
& {
963-
background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
964-
}
999+
background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
9651000
}
9661001
}
9671002
.bg-gray-900\/80 {
9681003
background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
9691004
@supports (color: color-mix(in lab, red, red)) {
970-
& {
971-
background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
972-
}
1005+
background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
9731006
}
9741007
}
9751008
.bg-green-50 {
@@ -1113,6 +1146,9 @@
11131146
.pt-2 {
11141147
padding-top: calc(var(--spacing) * 2);
11151148
}
1149+
.pt-3 {
1150+
padding-top: calc(var(--spacing) * 3);
1151+
}
11161152
.pt-4 {
11171153
padding-top: calc(var(--spacing) * 4);
11181154
}
@@ -1378,6 +1414,9 @@
13781414
.text-yellow-700 {
13791415
color: var(--color-yellow-700);
13801416
}
1417+
.capitalize {
1418+
text-transform: capitalize;
1419+
}
13811420
.normal-case {
13821421
text-transform: none;
13831422
}
@@ -1425,14 +1464,19 @@
14251464
.ring-black\/5 {
14261465
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
14271466
@supports (color: color-mix(in lab, red, red)) {
1428-
& {
1429-
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1430-
}
1467+
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
14311468
}
14321469
}
14331470
.ring-indigo-500 {
14341471
--tw-ring-color: var(--color-indigo-500);
14351472
}
1473+
.blur {
1474+
--tw-blur: blur(8px);
1475+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1476+
}
1477+
.filter {
1478+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1479+
}
14361480
.transition {
14371481
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
14381482
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2443,6 +2487,11 @@
24432487
max-width: var(--breakpoint-lg);
24442488
}
24452489
}
2490+
.xl\:grid-cols-4 {
2491+
@media (width >= 80rem) {
2492+
grid-template-columns: repeat(4, minmax(0, 1fr));
2493+
}
2494+
}
24462495
.\32 xl\:table-cell {
24472496
@media (width >= 96rem) {
24482497
display: table-cell;
@@ -3258,7 +3307,7 @@
32583307
[type='range'] {
32593308
height: 2.4rem;
32603309
}
3261-
[type='button'],button[type='submit'] {
3310+
[type='button'],button[type='submit'],button[href] {
32623311
cursor: pointer;
32633312
}
32643313
@media (min-width: 640px) {
@@ -3608,6 +3657,59 @@
36083657
inherits: false;
36093658
initial-value: 0 0 #0000;
36103659
}
3660+
@property --tw-blur {
3661+
syntax: "*";
3662+
inherits: false;
3663+
}
3664+
@property --tw-brightness {
3665+
syntax: "*";
3666+
inherits: false;
3667+
}
3668+
@property --tw-contrast {
3669+
syntax: "*";
3670+
inherits: false;
3671+
}
3672+
@property --tw-grayscale {
3673+
syntax: "*";
3674+
inherits: false;
3675+
}
3676+
@property --tw-hue-rotate {
3677+
syntax: "*";
3678+
inherits: false;
3679+
}
3680+
@property --tw-invert {
3681+
syntax: "*";
3682+
inherits: false;
3683+
}
3684+
@property --tw-opacity {
3685+
syntax: "*";
3686+
inherits: false;
3687+
}
3688+
@property --tw-saturate {
3689+
syntax: "*";
3690+
inherits: false;
3691+
}
3692+
@property --tw-sepia {
3693+
syntax: "*";
3694+
inherits: false;
3695+
}
3696+
@property --tw-drop-shadow {
3697+
syntax: "*";
3698+
inherits: false;
3699+
}
3700+
@property --tw-drop-shadow-color {
3701+
syntax: "*";
3702+
inherits: false;
3703+
}
3704+
@property --tw-drop-shadow-alpha {
3705+
syntax: "<percentage>";
3706+
inherits: false;
3707+
initial-value: 100%;
3708+
}
3709+
@property --tw-drop-shadow-size {
3710+
syntax: "*";
3711+
inherits: false;
3712+
}
36113713
@property --tw-duration {
36123714
syntax: "*";
36133715
inherits: false;
@@ -3671,6 +3773,19 @@
36713773
--tw-ring-offset-width: 0px;
36723774
--tw-ring-offset-color: #fff;
36733775
--tw-ring-offset-shadow: 0 0 #0000;
3776+
--tw-blur: initial;
3777+
--tw-brightness: initial;
3778+
--tw-contrast: initial;
3779+
--tw-grayscale: initial;
3780+
--tw-hue-rotate: initial;
3781+
--tw-invert: initial;
3782+
--tw-opacity: initial;
3783+
--tw-saturate: initial;
3784+
--tw-sepia: initial;
3785+
--tw-drop-shadow: initial;
3786+
--tw-drop-shadow-color: initial;
3787+
--tw-drop-shadow-alpha: 100%;
3788+
--tw-drop-shadow-size: initial;
36743789
--tw-duration: initial;
36753790
--tw-ease: initial;
36763791
--tw-scale-x: 1;

0 commit comments

Comments
 (0)