Contents

.flash {
  animation: appear-then-fade 4s 300ms both;
  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);
  margin-block-start: var(--size-4);
  margin-inline: auto;
  padding: var(--size-2) var(--size-4);
  position: fixed;
  text-align: center;

  img {
    display: inline;
    margin-block-end: var(--size-1);
  }
}

@keyframes appear-then-fade {
  0%, 100% { opacity: 0; }
  5%, 60%  { opacity: 1; }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
css-zero-0.0.26	lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css
css-zero-0.0.25	lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css