lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css in css-zero-0.0.59 vs lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css in css-zero-0.0.60

- old
+ new

@@ -1,9 +1,10 @@ .flash { align-items: center; animation: appear-then-fade 4s 300ms both; - background-color: var(--color-text); + backdrop-filter: var(--blur) var(--contrast-75); + background-color: hsl(from var(--color-text) h s l / .65); border-radius: var(--rounded-full); color: var(--color-text-reversed); display: flex; gap: var(--size-2); justify-content: center; @@ -11,9 +12,13 @@ margin-block-start: var(--flash-position, 0); margin-inline: auto; min-block-size: var(--size-11); padding: var(--size-1) var(--size-4); text-align: center; + + [data-turbo-preview] & { + display: none; + } @media (width >= 40rem) { font-size: var(--text-lg); }