public/lookbook-assets/css/lookbook.css in lookbook-1.5.3 vs public/lookbook-assets/css/lookbook.css in lookbook-1.5.4

- old
+ new

@@ -371,11 +371,11 @@ ::-webkit-scrollbar-thumb { background-color: var(--lookbook-scrollbar); background-clip: content-box; border-radius: 9999px; - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } ::-webkit-scrollbar-thumb:hover { @@ -1423,11 +1423,11 @@ } [data-component="icon"] { flex: none; line-height: 1; - transition-property: color, background-color, border-color, outline-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, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); display: block; } @@ -1453,11 +1453,11 @@ user-select: none; color: var(--lookbook-nav-text); align-items: center; padding-top: .25rem; padding-bottom: .25rem; - transition-property: color, background-color, border-color, outline-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, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); display: flex; } @@ -1618,11 +1618,11 @@ [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, outline-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, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } [data-component="viewport"] .resize-handle:hover { @@ -2842,11 +2842,11 @@ .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { - transition-property: color, background-color, border-color, outline-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, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-all { @@ -2854,10 +2854,10 @@ transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-colors { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-opacity {