lookbook.css in lookbook-2.0.1

- old
+ new

@@ -43,10 +43,11 @@
 
 html {
   -webkit-text-size-adjust: 100%;
   tab-size: 4;
   font-feature-settings: normal;
+  font-variation-settings: normal;
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   line-height: 1.5;
 }
 
 body {
@@ -426,10 +427,13 @@
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
@@ -2599,18 +2603,26 @@
 
 .border-b-lookbook-viewport-handle-icon-stroke-hover {
   border-bottom-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
+.border-e-lookbook-viewport-handle-icon-stroke-hover {
+  border-inline-end-color: var(--lookbook-viewport-handle-icon-stroke-hover);
+}
+
 .border-l-lookbook-viewport-handle-icon-stroke-hover {
   border-left-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
 .border-r-lookbook-viewport-handle-icon-stroke-hover {
   border-right-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
+.border-s-lookbook-viewport-handle-icon-stroke-hover {
+  border-inline-start-color: var(--lookbook-viewport-handle-icon-stroke-hover);
+}
+
 .border-t-lookbook-viewport-handle-icon-stroke-hover {
   border-top-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
 .\!bg-lookbook-button-bg {
@@ -2709,21 +2721,21 @@
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity));
 }
 
 .from-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-from: var(--lookbook-viewport-handle-icon-stroke-hover);
-  --tw-gradient-to: #fff0;
+  --tw-gradient-from: var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-from-position);
+  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
 .via-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-to: #fff0;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--lookbook-viewport-handle-icon-stroke-hover), var(--tw-gradient-to);
+  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
 .to-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-to: var(--lookbook-viewport-handle-icon-stroke-hover);
+  --tw-gradient-to: var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-to-position);
 }
 
 .fill-lookbook-viewport-handle-icon-stroke-hover {
   fill: var(--lookbook-viewport-handle-icon-stroke-hover);
 }