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);
}