public/lookbook-assets/css/lookbook.css in lookbook-2.0.0.beta.7 vs public/lookbook-assets/css/lookbook.css in lookbook-2.0.0.beta.8
- old
+ new
@@ -43,11 +43,11 @@
html {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-feature-settings: normal;
- font-family: Inter var, 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;
+ 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 {
line-height: inherit;
@@ -375,12 +375,10 @@
}
}
body {
color: var(--lookbook-text);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
font-family: Inter var, 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;
font-size: .875rem;
line-height: 1.25rem;
overflow: hidden;
}
@@ -1675,11 +1673,11 @@
[data-component="params-editor"] table.linear td.param-description-empty {
display: none;
}
[data-component="prose"] {
- letter-spacing: -.015em !important;
+ font-family: system-ui, sans-serif;
}
[data-component="prose"] [data-component="code"] {
border-width: 1px;
border-color: var(--lookbook-divider);
@@ -1856,10 +1854,14 @@
padding: .26rem 1.5rem .26rem .6rem;
font-size: .8rem;
line-height: 1.1rem;
}
+#inspector .split-layout-gutter-horizontal {
+ top: 4px;
+}
+
.pointer-events-none {
pointer-events: none;
}
.visible {
@@ -1978,10 +1980,22 @@
.-ml-3 {
margin-left: -.75rem;
}
+.-mr-1 {
+ margin-right: -.25rem;
+}
+
+.-mr-1\.5 {
+ margin-right: -.375rem;
+}
+
+.-mt-1 {
+ margin-top: -.25rem;
+}
+
.-mt-px {
margin-top: -1px;
}
.mb-2 {
@@ -1998,14 +2012,10 @@
.mb-6 {
margin-bottom: 1.5rem;
}
-.mb-7 {
- margin-bottom: 1.75rem;
-}
-
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[-2px\] {
@@ -2154,12 +2164,12 @@
.min-h-0 {
min-height: 0;
}
-.min-h-\[50vh\] {
- min-height: 50vh;
+.min-h-\[calc\(100vh_-_400px\)\] {
+ min-height: calc(100vh - 400px);
}
.w-11 {
width: 2.75rem;
}
@@ -2202,10 +2212,14 @@
.min-w-\[180px\] {
min-width: 180px;
}
+.max-w-\[40\%\] {
+ max-width: 40%;
+}
+
.max-w-\[420px\] {
max-width: 420px;
}
.max-w-none {
@@ -2270,10 +2284,16 @@
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
+.scale-75 {
+ --tw-scale-x: .75;
+ --tw-scale-y: .75;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@@ -2532,10 +2552,14 @@
.border-lookbook-dropdown-divider {
border-color: var(--lookbook-dropdown-divider);
}
+.border-lookbook-page-header-border {
+ border-color: var(--lookbook-page-header-border);
+}
+
.border-lookbook-tabs-border-active {
border-color: var(--lookbook-tabs-border-active);
}
.border-lookbook-viewport-handle-icon-stroke-hover {
@@ -2620,10 +2644,14 @@
.bg-lookbook-page-bg {
background-color: var(--lookbook-page-bg);
}
+.bg-lookbook-page-header-bg {
+ background-color: var(--lookbook-page-header-bg);
+}
+
.bg-lookbook-params-editor-bg {
background-color: var(--lookbook-params-editor-bg);
}
.bg-lookbook-prose-bg {
@@ -2845,11 +2873,11 @@
.font-mono {
font-family: Source Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
-.font-sans {
+.font-ui {
font-family: Inter var, 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;
}
.text-\[11px\] {
font-size: 11px;
@@ -2966,10 +2994,14 @@
.text-lookbook-nav-icon-stroke {
color: var(--lookbook-nav-icon-stroke);
}
+.text-lookbook-page-header-text {
+ color: var(--lookbook-page-header-text);
+}
+
.text-lookbook-prose-text {
color: var(--lookbook-prose-text);
}
.text-lookbook-tabs-text {
@@ -4022,10 +4054,22 @@
.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);
}
@media (min-width: 480px) {
@@ -4057,10 +4101,24 @@
padding: 2rem;
}
}
@media (min-width: 768px) {
+ .md\:-mr-\[2px\] {
+ margin-right: -2px;
+ }
+
+ .md\:mt-0 {
+ margin-top: 0;
+ }
+
+ .md\:scale-100 {
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ }
+
.md\:p-12 {
padding: 3rem;
}
.md\:px-10 {
@@ -4072,15 +4130,31 @@
padding-top: 2.5rem;
}
}
@media (min-width: 1024px) {
+ .lg\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
.lg\:mb-9 {
margin-bottom: 2.25rem;
}
+ .lg\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .lg\:mt-8 {
+ margin-top: 2rem;
+ }
+
.lg\:pb-8 {
padding-bottom: 2rem;
+ }
+
+ .lg\:pt-12 {
+ padding-top: 3rem;
}
}
/*# sourceMappingURL=lookbook.css.map */