lookbook.css in lookbook-1.3.0

- old
+ new

@@ -8,11 +8,11 @@
 }
 
 html {
   -webkit-text-size-adjust: 100%;
   tab-size: 4;
-  font-family: Nunito Sans, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
   line-height: 1.5;
 }
 
 body {
   line-height: inherit;
@@ -171,10 +171,14 @@
 img, video {
   max-width: 100%;
   height: auto;
 }
 
+[hidden] {
+  display: none;
+}
+
 [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
   appearance: none;
   --tw-shadow: 0 0 #0000;
   background-color: #fff;
   border-width: 1px;
@@ -236,11 +240,10 @@
 
 [type="checkbox"], [type="radio"] {
   appearance: none;
   print-color-adjust: exact;
   vertical-align: middle;
-  -webkit-user-select: none;
   user-select: none;
   height: 1rem;
   width: 1rem;
   color: #2563eb;
   --tw-shadow: 0 0 #0000;
@@ -336,11 +339,11 @@
 
 body {
   color: var(--lookbook-text);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: Nunito Sans, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: .875rem;
   line-height: 1.25rem;
   overflow: hidden;
 }
 
@@ -1410,15 +1413,10 @@
 
 .prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
-.theme-github-light {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
 .theme-github-light .highlight .hll {
   background-color: #f8f8f8;
   border: 1px solid #ccc;
   border-radius: 3px;
   padding: 6px 10px;
@@ -1649,11 +1647,10 @@
 
 [data-component="code"].numbered .line-numbers {
   width: min-content;
   z-index: 10;
   height: 100%;
-  -webkit-user-select: none;
   user-select: none;
   border-style: dashed;
   border-right-width: 1px;
   border-color: var(--lookbook-divider);
   --tw-bg-opacity: 1;
@@ -1711,11 +1708,11 @@
 }
 
 [data-component="icon"] {
   flex: none;
   line-height: 1;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   display: block;
 }
 
@@ -1873,14 +1870,13 @@
   --tw-bg-opacity: .2;
 }
 
 [data-component="viewport"] .resize-handle {
   touch-action: none;
-  -webkit-user-select: none;
   user-select: none;
   color: var(--lookbook-viewport-handle-icon-stroke);
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
 [data-component="viewport"] .resize-handle:hover {
@@ -2162,14 +2158,10 @@
 
 .-ml-3 {
   margin-left: -.75rem;
 }
 
-.-mb-px {
-  margin-bottom: -1px;
-}
-
 .mr-auto {
   margin-right: auto;
 }
 
 .mr-1\.5 {
@@ -2286,10 +2278,14 @@
 
 .w-full {
   width: 100%;
 }
 
+.w-\[140px\] {
+  width: 140px;
+}
+
 .w-screen {
   width: 100vw;
 }
 
 .w-11 {
@@ -2433,11 +2429,10 @@
 .cursor-help {
   cursor: help;
 }
 
 .select-none {
-  -webkit-user-select: none;
   user-select: none;
 }
 
 .resize {
   resize: both;
@@ -2561,14 +2556,10 @@
 
 .overflow-x-hidden {
   overflow-x: hidden;
 }
 
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
 .scroll-smooth {
   scroll-behavior: smooth;
 }
 
 .truncate {
@@ -2623,18 +2614,18 @@
 
 .border-l {
   border-left-width: 1px;
 }
 
-.border-r {
-  border-right-width: 1px;
-}
-
 .border-b-0 {
   border-bottom-width: 0;
 }
 
+.border-r {
+  border-right-width: 1px;
+}
+
 .border-l-2 {
   border-left-width: 2px;
 }
 
 .border-b-2 {
@@ -2743,30 +2734,18 @@
 
 .bg-lookbook-toolbar-bg {
   background-color: var(--lookbook-toolbar-bg);
 }
 
-.bg-lookbook-viewport-handle {
-  background-color: var(--lookbook-viewport-handle);
-}
-
 .bg-gray-100\/80 {
   background-color: #f3f4f6cc;
 }
 
 .\!bg-lookbook-nav-item-active {
   background-color: var(--lookbook-nav-item-active) !important;
 }
 
-.stroke-current {
-  stroke: currentColor;
-}
-
-.stroke-2 {
-  stroke-width: 2px;
-}
-
 .p-4 {
   padding: 1rem;
 }
 
 .p-1 {
@@ -2775,18 +2754,18 @@
 
 .p-2 {
   padding: .5rem;
 }
 
-.p-3 {
-  padding: .75rem;
-}
-
 .p-6 {
   padding: 1.5rem;
 }
 
+.p-3 {
+  padding: .75rem;
+}
+
 .p-8 {
   padding: 2rem;
 }
 
 .px-4 {
@@ -2827,24 +2806,23 @@
 .py-1 {
   padding-top: .25rem;
   padding-bottom: .25rem;
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
 .px-1 {
   padding-left: .25rem;
   padding-right: .25rem;
 }
 
 .pb-10 {
   padding-bottom: 2.5rem;
 }
 
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
 .pt-1 {
   padding-top: .25rem;
 }
 
 .pr-0 {
@@ -2881,14 +2859,10 @@
 
 .pt-2 {
   padding-top: .5rem;
 }
 
-.pt-\[4px\] {
-  padding-top: 4px;
-}
-
 .pb-0 {
   padding-bottom: 0;
 }
 
 .pr-1 {
@@ -2917,20 +2891,16 @@
 
 .text-center {
   text-align: center;
 }
 
-.align-middle {
-  vertical-align: middle;
-}
-
 .font-mono {
   font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
 }
 
 .font-sans {
-  font-family: Nunito Sans, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -2949,14 +2919,10 @@
 .text-xs {
   font-size: .75rem;
   line-height: 1rem;
 }
 
-.text-\[0\.82rem\] {
-  font-size: .82rem;
-}
-
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
@@ -2982,10 +2948,14 @@
 
 .leading-tight {
   line-height: 1.25;
 }
 
+.tracking-wide {
+  letter-spacing: .025em;
+}
+
 .tracking-wider {
   letter-spacing: .05em;
 }
 
 .text-red-300 {
@@ -3044,18 +3014,10 @@
 
 .text-lookbook-prose-text {
   color: var(--lookbook-prose-text);
 }
 
-.text-lookbook-viewport-handle-icon-stroke {
-  color: var(--lookbook-viewport-handle-icon-stroke);
-}
-
-.text-lookbook-input-text {
-  color: var(--lookbook-input-text);
-}
-
 .text-lookbook-nav-text {
   color: var(--lookbook-nav-text);
 }
 
 .text-lookbook-nav-toggle {
@@ -3064,15 +3026,10 @@
 
 .text-lookbook-nav-icon-stroke {
   color: var(--lookbook-nav-icon-stroke);
 }
 
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
-
 .text-lookbook-tabs-text {
   color: var(--lookbook-tabs-text);
 }
 
 .text-lookbook-tabs-text-hover {
@@ -3157,11 +3114,11 @@
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
 .transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
 .transition-opacity {
@@ -3412,13 +3369,9 @@
   color: rgb(55 48 163 / var(--tw-text-opacity));
 }
 
 .hover\:text-lookbook-icon-button-stroke-hover:hover {
   color: var(--lookbook-icon-button-stroke-hover);
-}
-
-.hover\:text-lookbook-viewport-handle-icon-stroke-hover:hover {
-  color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
 .hover\:text-lookbook-tabs-text-hover:hover {
   color: var(--lookbook-tabs-text-hover);
 }