@sanity/themer
0.8.10.9.0
dist/bundle.css~
dist/bundle.cssModified+102−322
Index: package/dist/bundle.css
===================================================================
--- package/dist/bundle.css
+++ package/dist/bundle.css
@@ -1,387 +1,130 @@
-.bgn4np2 {
- view-transition-name: bgn4np0;
- flex: none;
+@keyframes pcwcs07 {
+ to {
+ opacity: 0;
+ filter: blur(12px);
+ }
}
-.bgn4np2[data-overlay="true"] {
- width: auto;
- position: absolute;
- inset: 0;
+@keyframes pcwcs08 {
+ from {
+ opacity: 0;
+ filter: blur(12px);
+ }
}
-.bgn4np3 {
- position: relative;
-}
-
-.bgn4np4 {
- container: bgn4np1 / inline-size;
-}
-
-.bgn4np5 {
- z-index: 1;
- cursor: col-resize;
- touch-action: none;
- width: 7px;
- position: absolute;
- top: 0;
- bottom: 0;
- left: -3px;
-}
-
-.bgn4np5:after {
- content: "";
- background: var(--card-focus-ring-color);
- opacity: 0;
- width: 3px;
- transition: opacity .1s;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 2px;
-}
-
-.bgn4np5:focus {
- outline: none;
-}
-
-.bgn4np5:hover:after, .bgn4np5:focus-visible:after, .bgn4np5[data-dragging="true"]:after {
- opacity: 1;
-}
-
-@keyframes _1yq4ar7b {
+@keyframes pcwcs0a {
from {
+ opacity: 0;
transform: translateX(-100%);
}
+
+ 25% {
+ opacity: 0;
+ }
}
-@keyframes _1yq4ar7c {
+@keyframes pcwcs0b {
to {
+ opacity: 0;
transform: translateX(-100%);
}
-}
-@keyframes _1yq4ar7d {
- from {
- transform: translateY(-100%);
+ 75% {
+ opacity: 0;
}
}
-@keyframes _1yq4ar7e {
- to {
- transform: translateY(-100%);
- }
-}
-
-@keyframes _1yq4ar7f {
+@keyframes pcwcs0c {
from {
transform: translateX(100%);
}
}
-@keyframes _1yq4ar7g {
+@keyframes pcwcs0e {
to {
transform: translateX(100%);
}
}
-._1yq4ar78 {
- position: relative;
+::view-transition-new(.pcwcs05) {
+ animation: none;
}
-._1yq4ar79 {
- color-scheme: light;
+::view-transition-old(.pcwcs05) {
+ display: none;
}
-._1yq4ar7a {
- color-scheme: dark;
+::view-transition-new(.pcwcs06) {
+ object-fit: fill;
+ block-size: 100%;
+ inline-size: 100%;
}
-::view-transition-group(._1yq4ar70) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
+::view-transition-old(.pcwcs06) {
+ object-fit: fill;
+ block-size: 100%;
+ inline-size: 100%;
}
-::view-transition-old(._1yq4ar70) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-new(._1yq4ar70) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-new(._1yq4ar72) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-old(._1yq4ar73) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-new(._1yq4ar74) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-old(._1yq4ar75) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-new(._1yq4ar76) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-old(._1yq4ar77) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-old(._1yq4ar71) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-new(._1yq4ar71) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-:root:active-view-transition-type(sanity-themer)::view-transition-group(*) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-:root:active-view-transition-type(sanity-themer)::view-transition-old(*) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-:root:active-view-transition-type(sanity-themer)::view-transition-new(*) {
- animation-duration: .32s;
- animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-}
-
-::view-transition-old(._1yq4ar70) {
+::view-transition-new(.pcwcs09) {
object-fit: fill;
block-size: 100%;
inline-size: 100%;
+ animation-name: pcwcs08;
}
-::view-transition-new(._1yq4ar70) {
+::view-transition-old(.pcwcs09) {
object-fit: fill;
block-size: 100%;
inline-size: 100%;
+ animation-name: pcwcs07;
}
-::view-transition-new(._1yq4ar72) {
- animation-name: _1yq4ar7b;
+::view-transition-new(.pcwcs0d) {
+ animation-name: pcwcs0c;
}
-::view-transition-old(._1yq4ar73) {
- animation-name: _1yq4ar7c;
+::view-transition-old(.pcwcs0f) {
+ animation-name: pcwcs0e;
}
-::view-transition-new(._1yq4ar74) {
- animation-name: _1yq4ar7d;
+::view-transition-new(.pcwcs0g) {
+ animation-name: pcwcs0a;
}
-::view-transition-old(._1yq4ar75) {
- animation-name: _1yq4ar7e;
+::view-transition-old(.pcwcs0h) {
+ animation-name: pcwcs0b;
}
-::view-transition-new(._1yq4ar76) {
- animation-name: _1yq4ar7f;
+:root:active-view-transition-type(sanity-themer)::view-transition-group(*) {
+ animation-duration: .32s;
+ animation-timing-function: cubic-bezier(.65, 0, .35, 1);
}
-::view-transition-old(._1yq4ar77) {
- animation-name: _1yq4ar7g;
+:root:active-view-transition-type(pcwcs02)::view-transition-group(*) {
+ animation-duration: .48s;
}
-::view-transition-group(bgn4np0) {
- z-index: 1;
+:root:active-view-transition-type(pcwcs03)::view-transition-group(*) {
+ animation-duration: .48s;
}
-::view-transition-group(bgn4np0) {
- animation: none;
+.pcwcs0i {
+ position: relative;
}
-::view-transition-image-pair(bgn4np0) {
- animation: none;
-}
-
-::view-transition-old(bgn4np0) {
- animation: none;
-}
-
-::view-transition-new(bgn4np0) {
- animation: none;
-}
-
@media (prefers-reduced-motion: reduce) {
- ::view-transition-group(._1yq4ar70) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar71) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar72) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar73) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar74) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar75) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar76) {
- animation: none;
- }
-
- ::view-transition-group(._1yq4ar77) {
- animation: none;
- }
-
- ::view-transition-group(bgn4np0) {
- animation: none;
- }
-
:root:active-view-transition-type(sanity-themer)::view-transition-group(*) {
- animation: none;
+ animation: none !important;
}
- ::view-transition-image-pair(._1yq4ar70) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar71) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar72) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar73) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar74) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar75) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar76) {
- animation: none;
- }
-
- ::view-transition-image-pair(._1yq4ar77) {
- animation: none;
- }
-
- ::view-transition-image-pair(bgn4np0) {
- animation: none;
- }
-
- :root:active-view-transition-type(sanity-themer)::view-transition-image-pair(*) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar70) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar71) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar72) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar73) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar74) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar75) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar76) {
- animation: none;
- }
-
- ::view-transition-old(._1yq4ar77) {
- animation: none;
- }
-
- ::view-transition-old(bgn4np0) {
- animation: none;
- }
-
:root:active-view-transition-type(sanity-themer)::view-transition-old(*) {
- animation: none;
+ animation: none !important;
}
- ::view-transition-new(._1yq4ar70) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar71) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar72) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar73) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar74) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar75) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar76) {
- animation: none;
- }
-
- ::view-transition-new(._1yq4ar77) {
- animation: none;
- }
-
- ::view-transition-new(bgn4np0) {
- animation: none;
- }
-
:root:active-view-transition-type(sanity-themer)::view-transition-new(*) {
- animation: none;
+ animation: none !important;
}
}
._1o50s7t0 {
@@ -721,25 +464,62 @@
._1wsn7884 {
display: inline-block;
}
+.bgn4np1 {
+ flex: none;
+}
+
+.bgn4np2 {
+ position: relative;
+}
+
+.bgn4np3 {
+ container: bgn4np0 / inline-size;
+}
+
+.bgn4np4 {
+ z-index: 1;
+ cursor: col-resize;
+ touch-action: none;
+ width: 7px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: -3px;
+}
+
+.bgn4np4:after {
+ content: "";
+ background: var(--card-focus-ring-color);
+ opacity: 0;
+ width: 3px;
+ transition: opacity .1s;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 2px;
+}
+
+.bgn4np4:focus {
+ outline: none;
+}
+
+.bgn4np4:hover:after, .bgn4np4:focus-visible:after, .bgn4np4[data-dragging="true"]:after {
+ opacity: 1;
+}
+
.twjqgh0 {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
display: grid;
}
-@container bgn4np1 (width >= 260px) {
+@container bgn4np0 (width >= 260px) {
.twjqgh0 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
-@container bgn4np1 (width >= 480px) {
- .twjqgh0 {
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
-}
-
.c2pqej0 {
min-width: 0;
}