lookbook.css in lookbook-2.0.0.rc.1

- old
+ new

@@ -1691,10 +1691,16 @@
 
 [data-component="prose"] [data-lookbook-embed] {
   border-radius: .375rem;
 }
 
+#page [data-component="prose"] h2 {
+  border-bottom-width: 1px;
+  border-color: var(--lookbook-divider);
+  padding-bottom: .75rem;
+}
+
 [data-component="tabs-dropdown-tab"]:not(.hidden) {
   border-bottom-width: 1px;
   border-bottom-color: var(--lookbook-divider);
 }
 
@@ -1942,12 +1948,12 @@
 
 .top-\[40px\] {
   top: 40px;
 }
 
-.\!z-40 {
-  z-index: 40 !important;
+.\!z-\[1000\] {
+  z-index: 1000 !important;
 }
 
 .z-0 {
   z-index: 0;
 }
@@ -1962,10 +1968,14 @@
 
 .z-\[-1\] {
   z-index: -1;
 }
 
+.z-\[1001\] {
+  z-index: 1001;
+}
+
 .mx-8 {
   margin-left: 2rem;
   margin-right: 2rem;
 }
 
@@ -2385,10 +2395,14 @@
 
 .justify-between {
   justify-content: space-between;
 }
 
+.gap-2 {
+  gap: .5rem;
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(.25rem * var(--tw-space-x-reverse));
   margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
@@ -2599,10 +2613,14 @@
 
 .border-t-lookbook-viewport-handle-icon-stroke-hover {
   border-top-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
+.\!bg-lookbook-button-bg {
+  background-color: var(--lookbook-button-bg) !important;
+}
+
 .\!bg-lookbook-header-bg {
   background-color: var(--lookbook-header-bg) !important;
 }
 
 .\!bg-lookbook-nav-item-active {
@@ -2938,10 +2956,14 @@
 
 .tracking-wider {
   letter-spacing: .05em;
 }
 
+.\!text-lookbook-button-text {
+  color: var(--lookbook-button-text) !important;
+}
+
 .\!text-lookbook-header-text {
   color: var(--lookbook-header-text) !important;
 }
 
 .\!text-lookbook-tabs-text-disabled {
@@ -3986,10 +4008,14 @@
   .lg\:prose-base :where(.lg\:prose-base > :last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 0;
   }
 }
 
+.hover\:\!bg-lookbook-button-bg-hover:hover {
+  background-color: var(--lookbook-button-bg-hover) !important;
+}
+
 .hover\:bg-lookbook-button-bg-hover:hover {
   background-color: var(--lookbook-button-bg-hover);
 }
 
 .hover\:bg-lookbook-draggable-hint:hover {
@@ -4052,21 +4078,9 @@
   font-weight: 600;
 }
 
 .prose-h1\:font-bold :where(h1):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
-}
-
-.prose-h2\:border-b :where(h2):not(:where([class~="not-prose"] *)) {
-  border-bottom-width: 1px;
-}
-
-.prose-h2\:border-lookbook-divider :where(h2):not(:where([class~="not-prose"] *)) {
-  border-color: var(--lookbook-divider);
-}
-
-.prose-h2\:pb-3 :where(h2):not(:where([class~="not-prose"] *)) {
-  padding-bottom: .75rem;
 }
 
 .prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--lookbook-prose-link);
 }