public/lookbook-assets/css/lookbook.css in lookbook-1.0.0.beta.0 vs public/lookbook-assets/css/lookbook.css in lookbook-1.0.0.beta.1

- old
+ new

@@ -1555,10 +1555,12 @@ padding-right: .45rem; } [data-component="toolbar"] [data-component="tabs"] { margin-bottom: -1px; + padding-left: 1rem; + padding-right: 1rem; position: relative; } [data-component="viewport"] { background-color: #fff; @@ -1698,10 +1700,14 @@ .-left-4 { left: -1rem; } +.-bottom-px { + bottom: -1px; +} + .z-50 { z-index: 50; } .z-\[-1\] { @@ -1788,14 +1794,22 @@ .mt-1 { margin-top: .25rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .-ml-3 { margin-left: -.75rem; } +.-mb-px { + margin-bottom: -1px; +} + .mr-auto { margin-right: auto; } .mr-1\.5 { @@ -1828,10 +1842,14 @@ .grid { display: grid; } +.contents { + display: contents; +} + .\!hidden { display: none !important; } .hidden { @@ -2143,10 +2161,16 @@ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse) ); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse) ) ); } +.space-x-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(.75rem * var(--tw-space-x-reverse) ); + margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse) ) ); +} + .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse) ) ); border-bottom-width: calc(1px * var(--tw-divide-y-reverse) ); } @@ -2430,25 +2454,25 @@ .px-3 { padding-left: .75rem; padding-right: .75rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - .py-1 { padding-top: .25rem; padding-bottom: .25rem; } .px-1 { padding-left: .25rem; padding-right: .25rem; } +.px-2 { + padding-left: .5rem; + padding-right: .5rem; +} + .pb-10 { padding-bottom: 2.5rem; } .pt-1 { @@ -2539,9 +2563,14 @@ } .text-xs { font-size: .75rem; line-height: 1rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } .font-bold { font-weight: 700; }