mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-11-01 00:35:54 +00:00
feat: add modern content and navigation primitives
This commit is contained in:
Friday authored and Nuno C. committed
1 parent
345f806d80
commit
091f9043ee
10 files changed
+158
-3
No files matched your search
@@ -274,6 +274,9 @@
|
||||
.-start-6 {
|
||||
inset-inline-start: calc(var(--spacing) * -6);
|
||||
}
|
||||
.-start-\[2\.1rem\] {
|
||||
inset-inline-start: calc(2.1rem * -1);
|
||||
}
|
||||
.start-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
|
||||
inset-inline-start: calc(max(-50vw, -800px) + 50%);
|
||||
}
|
||||
@@ -292,6 +295,9 @@
|
||||
.top-1\/2 {
|
||||
top: calc(1 / 2 * 100%);
|
||||
}
|
||||
.top-3 {
|
||||
top: calc(var(--spacing) * 3);
|
||||
}
|
||||
.top-5 {
|
||||
top: calc(var(--spacing) * 5);
|
||||
}
|
||||
@@ -427,6 +433,9 @@
|
||||
.my-8 {
|
||||
margin-block: calc(var(--spacing) * 8);
|
||||
}
|
||||
.my-10 {
|
||||
margin-block: calc(var(--spacing) * 10);
|
||||
}
|
||||
.-ms-5 {
|
||||
margin-inline-start: calc(var(--spacing) * -5);
|
||||
}
|
||||
@@ -1382,6 +1391,9 @@
|
||||
.min-h-0 {
|
||||
min-height: 0px;
|
||||
}
|
||||
.min-h-\[104px\] {
|
||||
min-height: 104px;
|
||||
}
|
||||
.min-h-\[130px\] {
|
||||
min-height: 130px;
|
||||
}
|
||||
@@ -1805,6 +1817,10 @@
|
||||
border-block-style: var(--tw-border-style);
|
||||
border-block-width: 10px;
|
||||
}
|
||||
.border-s {
|
||||
border-inline-start-style: var(--tw-border-style);
|
||||
border-inline-start-width: 1px;
|
||||
}
|
||||
.border-s-0 {
|
||||
border-inline-start-style: var(--tw-border-style);
|
||||
border-inline-start-width: 0px;
|
||||
@@ -1855,9 +1871,18 @@
|
||||
.border-neutral-200 {
|
||||
border-color: rgba(var(--color-neutral-200), 1);
|
||||
}
|
||||
.border-neutral-200\/80 {
|
||||
border-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-200), 1), 1) 80%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
border-color: color-mix(in oklab, rgba(var(--color-neutral-200), 1) 80%, transparent);
|
||||
}
|
||||
}
|
||||
.border-neutral-300 {
|
||||
border-color: rgba(var(--color-neutral-300), 1);
|
||||
}
|
||||
.border-primary-200 {
|
||||
border-color: rgba(var(--color-primary-200), 1);
|
||||
}
|
||||
.border-primary-400 {
|
||||
border-color: rgba(var(--color-primary-400), 1);
|
||||
}
|
||||
@@ -1975,6 +2000,12 @@
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 50%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-neutral\/85 {
|
||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 85%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 85%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-primary-100 {
|
||||
background-color: rgba(var(--color-primary-100), 1);
|
||||
}
|
||||
@@ -1999,6 +2030,9 @@
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.bg-white\/80 {
|
||||
background-color: color-mix(in oklab, #fff 80%, transparent);
|
||||
}
|
||||
.bg-linear-60 {
|
||||
--tw-gradient-position: 60deg;
|
||||
@supports (background-image: linear-gradient(in lab, red, red)) {
|
||||
@@ -2180,6 +2214,9 @@
|
||||
.ps-5 {
|
||||
padding-inline-start: calc(var(--spacing) * 5);
|
||||
}
|
||||
.ps-6 {
|
||||
padding-inline-start: calc(var(--spacing) * 6);
|
||||
}
|
||||
.pe-2 {
|
||||
padding-inline-end: calc(var(--spacing) * 2);
|
||||
}
|
||||
@@ -2549,12 +2586,19 @@
|
||||
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
}
|
||||
.ring-4 {
|
||||
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
}
|
||||
.shadow-primary-500\/20 {
|
||||
--tw-shadow-color: color-mix(in srgb, rgba(rgba(var(--color-primary-500), 1), 1) 20%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, rgba(var(--color-primary-500), 1) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
||||
}
|
||||
}
|
||||
.ring-neutral {
|
||||
--tw-ring-color: rgba(var(--color-neutral), 1);
|
||||
}
|
||||
.ring-primary-500 {
|
||||
--tw-ring-color: rgba(var(--color-primary-500), 1);
|
||||
}
|
||||
@@ -3004,6 +3048,9 @@
|
||||
.sm\:-top-80 {
|
||||
top: calc(var(--spacing) * -80);
|
||||
}
|
||||
.sm\:top-5 {
|
||||
top: calc(var(--spacing) * 5);
|
||||
}
|
||||
.sm\:left-\[calc\(50\%-30rem\)\] {
|
||||
left: calc(50% - 30rem);
|
||||
}
|
||||
@@ -3264,6 +3311,12 @@
|
||||
.dark\:border-neutral-700:is(.dark *) {
|
||||
border-color: rgba(var(--color-neutral-700), 1);
|
||||
}
|
||||
.dark\:border-neutral-700\/80:is(.dark *) {
|
||||
border-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-700), 1), 1) 80%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
border-color: color-mix(in oklab, rgba(var(--color-neutral-700), 1) 80%, transparent);
|
||||
}
|
||||
}
|
||||
.dark\:border-neutral-800:is(.dark *) {
|
||||
border-color: rgba(var(--color-neutral-800), 1);
|
||||
}
|
||||
@@ -3273,6 +3326,9 @@
|
||||
.dark\:border-primary-600:is(.dark *) {
|
||||
border-color: rgba(var(--color-primary-600), 1);
|
||||
}
|
||||
.dark\:border-primary-900:is(.dark *) {
|
||||
border-color: rgba(var(--color-primary-900), 1);
|
||||
}
|
||||
.dark\:border-secondary-600:is(.dark *) {
|
||||
border-color: rgba(var(--color-secondary-600), 1);
|
||||
}
|
||||
@@ -3357,6 +3413,12 @@
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 60%, transparent);
|
||||
}
|
||||
}
|
||||
.dark\:bg-neutral-800\/85:is(.dark *) {
|
||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 85%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 85%, transparent);
|
||||
}
|
||||
}
|
||||
.dark\:bg-neutral-900:is(.dark *) {
|
||||
background-color: rgba(var(--color-neutral-900), 1);
|
||||
}
|
||||
@@ -3372,6 +3434,12 @@
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 50%, transparent);
|
||||
}
|
||||
}
|
||||
.dark\:bg-neutral-900\/80:is(.dark *) {
|
||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 80%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 80%, transparent);
|
||||
}
|
||||
}
|
||||
.dark\:bg-neutral-900\/99:is(.dark *) {
|
||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 99%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -3454,6 +3522,9 @@
|
||||
.dark\:opacity-60:is(.dark *) {
|
||||
opacity: 60%;
|
||||
}
|
||||
.dark\:ring-neutral-800:is(.dark *) {
|
||||
--tw-ring-color: rgba(var(--color-neutral-800), 1);
|
||||
}
|
||||
.dark\:backdrop-brightness-95:is(.dark *) {
|
||||
--tw-backdrop-brightness: brightness(95%);
|
||||
-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,);
|
||||
|
||||
Reference in new issue
Block a user