diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/style.css | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/public/style.css b/public/style.css index 794c1fc..db025d0 100644 --- a/public/style.css +++ b/public/style.css @@ -188,6 +188,9 @@ } } @layer utilities { + .pointer-events-none { + pointer-events: none; + } .invisible { visibility: hidden; } @@ -466,6 +469,9 @@ .cursor-grab { cursor: grab; } + .cursor-not-allowed { + cursor: not-allowed; + } .cursor-pointer { cursor: pointer; } @@ -629,6 +635,30 @@ .border-\(--alt\) { border-color: var(--alt); } + .border-\(--alt\)\/30 { + border-color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--alt) 30%, transparent); + } + } + .border-\(--alt\)\/60 { + border-color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--alt) 60%, transparent); + } + } + .border-\(--alt\)\/70 { + border-color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--alt) 70%, transparent); + } + } + .border-\(--alt\)\/80 { + border-color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--alt) 80%, transparent); + } + } .border-\(--secondary\)\/60 { border-color: var(--secondary); @supports (color: color-mix(in lab, red, red)) { @@ -677,6 +707,18 @@ background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } + .bg-black\/10 { + background-color: color-mix(in srgb, #000 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-black) 10%, transparent); + } + } + .bg-black\/15 { + background-color: color-mix(in srgb, #000 15%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-black) 15%, transparent); + } + } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { @@ -698,6 +740,24 @@ .bg-white { background-color: var(--color-white); } + .bg-white\/2 { + background-color: color-mix(in srgb, #fff 2%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-white) 2%, transparent); + } + } + .bg-white\/5 { + background-color: color-mix(in srgb, #fff 5%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + .bg-white\/15 { + background-color: color-mix(in srgb, #fff 15%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + } .bg-white\/\[0\.03\] { background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { @@ -903,6 +963,18 @@ .text-\(--alt\) { color: var(--alt); } + .text-\(--alt\)\/20 { + color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--alt) 20%, transparent); + } + } + .text-\(--alt\)\/80 { + color: var(--alt); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--alt) 80%, transparent); + } + } .text-\(--background\) { color: var(--background); } @@ -1023,6 +1095,9 @@ .opacity-0 { opacity: 0%; } + .opacity-40 { + opacity: 40%; + } .shadow-\[0_0_1\.5rem_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\] { --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, var(--accent)); @supports (color: color-mix(in lab, red, red)) { @@ -1043,6 +1118,10 @@ --tw-duration: 150ms; transition-duration: 150ms; } + .select-none { + -webkit-user-select: none; + user-select: none; + } .select-text { -webkit-user-select: text; user-select: text; |
