This commit is contained in:
Chris Cochrun 2025-04-16 10:20:21 -05:00
parent c3f0cd73f6
commit 222de783d1
10 changed files with 91 additions and 8 deletions

View file

@ -259,6 +259,9 @@
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.-left-1 {
left: calc(var(--spacing) * -1);
}
.-left-1\/2 {
left: calc(calc(1/2 * 100%) * -1);
}
@ -425,6 +428,9 @@
.h-0 {
height: calc(var(--spacing) * 0);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\/3 {
height: calc(2/3 * 100%);
}
@ -467,9 +473,15 @@
.h-screen {
height: 100vh;
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\/3 {
width: calc(1/3 * 100%);
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\/3 {
width: calc(2/3 * 100%);
}
@ -485,6 +497,9 @@
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-11\/12 {
width: calc(11/12 * 100%);
}
@ -527,9 +542,15 @@
.flex-none {
flex: none;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
@ -568,6 +589,9 @@
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@ -750,6 +774,9 @@
.bg-indigo-500 {
background-color: var(--color-indigo-500);
}
.bg-neutral-500 {
background-color: var(--color-neutral-500);
}
.bg-transparent {
background-color: transparent;
}
@ -774,6 +801,9 @@
.p-5 {
padding: calc(var(--spacing) * 5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
@ -789,6 +819,9 @@
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.py-0 {
padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * 0.5);
}
@ -807,6 +840,12 @@
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.ps-4 {
padding-inline-start: calc(var(--spacing) * 4);
}
.pe-4 {
padding-inline-end: calc(var(--spacing) * 4);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
@ -917,6 +956,9 @@
.text-indigo-500 {
color: var(--color-indigo-500);
}
.text-neutral-50 {
color: var(--color-neutral-50);
}
.text-white {
color: var(--color-white);
}
@ -937,6 +979,11 @@
color: var(--color-gray-300);
}
}
.placeholder-neutral-300 {
&::placeholder {
color: var(--color-neutral-300);
}
}
.opacity-0 {
opacity: 0%;
}
@ -961,10 +1008,17 @@
.ring-black {
--tw-ring-color: var(--color-black);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
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,);
}
.filter {
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,);
}
.transition {
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;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@ -1101,6 +1155,11 @@
color: var(--color-gray-500);
}
}
.checked\:text-neutral-500 {
&:checked {
color: var(--color-neutral-500);
}
}
.invalid\:text-\[\#F39\] {
&:invalid {
color: #F39;
@ -1189,6 +1248,13 @@
}
}
}
.hover\:bg-neutral-500 {
&:hover {
@media (hover: hover) {
background-color: var(--color-neutral-500);
}
}
}
.hover\:text-blue-500 {
&:hover {
@media (hover: hover) {
@ -1293,6 +1359,11 @@
--tw-ring-color: var(--color-blue-700);
}
}
.focus\:ring-gray-700 {
&:focus {
--tw-ring-color: var(--color-gray-700);
}
}
.focus\:ring-white {
&:focus {
--tw-ring-color: var(--color-white);
@ -1796,6 +1867,11 @@
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
@ -1891,6 +1967,7 @@
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;