public/lookbook-assets/css/lookbook.css in lookbook-1.3.3 vs public/lookbook-assets/css/lookbook.css in lookbook-1.3.4
- old
+ new
@@ -8,10 +8,11 @@
}
html {
-webkit-text-size-adjust: 100%;
tab-size: 4;
+ font-feature-settings: normal;
font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.5;
}
body {
@@ -240,10 +241,11 @@
[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;
@@ -1032,28 +1034,28 @@
.prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: .428571em;
}
-.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: .571429em;
margin-bottom: .571429em;
}
-.prose-sm :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.14286em;
}
-.prose-sm :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.14286em;
}
-.prose-sm :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.14286em;
}
-.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.14286em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: .571429em;
@@ -1110,47 +1112,18 @@
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
-.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
-.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
-.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
- margin-top: .75em;
- margin-bottom: .75em;
-}
-
-.prose-base :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 0;
-}
-
.prose-lg {
font-size: 1.125rem;
line-height: 1.77778;
}
@@ -1269,28 +1242,28 @@
.prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: .444444em;
}
-.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: .888889em;
margin-bottom: .888889em;
}
-.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.33333em;
}
-.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.33333em;
}
-.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.33333em;
}
-.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.33333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: .888889em;
@@ -1347,76 +1320,18 @@
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
-.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
-.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
-.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
- margin-top: .8em;
- margin-bottom: .8em;
-}
-
-.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 0;
-}
-
-.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
- margin-top: .833333em;
- margin-bottom: .833333em;
-}
-
-.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 1.33333em;
-}
-
-.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
- margin-top: 0;
-}
-
-.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
- margin-bottom: 0;
-}
-
[data-component="code"] {
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem;
line-height: 1.25rem;
@@ -1449,10 +1364,11 @@
[data-component="code"].numbered .line-numbers {
width: min-content;
z-index: 10;
height: 100%;
+ -webkit-user-select: none;
user-select: none;
text-align: right;
border-style: dashed;
border-right-width: 1px;
padding: .75rem;
@@ -1505,11 +1421,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, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: block;
}
@@ -1664,13 +1580,14 @@
--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, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
[data-component="viewport"] .resize-handle:hover {
@@ -2223,10 +2140,11 @@
.cursor-help {
cursor: help;
}
.select-none {
+ -webkit-user-select: none;
user-select: none;
}
.resize {
resize: both;
@@ -2912,10 +2830,10 @@
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, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-opacity {