Contents

$dvlFlashBackground: #efefef !default;
$dvlFlashCloseDarkColor: #aaa !default;
$dvlFlashCloseDarkHoverColor: #777 !default;
$dvlFlashCloseLightColor: #e5e5e5 !default;
$dvlFlashCloseLightHoverColor: #fff !default;
$dvlFlashErrorColor: #c12f2e !default;
$dvlFlashSuccessColor: #2aa828 !default;
$dvlFlashZIndex: 1031 !default; // above modal backdrop..

.flash {
  position: fixed;
  top: -100px;
  transition: top 0.3s linear;
  width: 95%;
  left: 2.5%;
  z-index: $dvlFlashZIndex;
  background: $dvlFlashBackground;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  font-size: 0.9rem;
  color: #333;
  box-shadow: 1px 1px 1px 0 #333;

  a {
    color: #222;
    text-decoration: underline;
    font-weight: bold;
    &:hover {
      text-decoration: none;
    }
  }

  .close {
    position: absolute;
    top: 1px;
    right: 8px;
    color: $dvlFlashCloseDarkColor;
    font-size: 1.5rem;
    text-decoration: none;
    &:hover {
      color: $dvlFlashCloseDarkHoverColor;
    }
  }
  &.flash_error, &.flash_success {
    color: #fff;
    a {
      color: #fff;
    }
    .close {
      color: $dvlFlashCloseLightColor;
      &:hover {
        color: $dvlFlashCloseLightHoverColor;
      }
    }
  }
  &.flash_error {
    background: $dvlFlashErrorColor;
  }

  &.flash_success{
    background: $dvlFlashSuccessColor;
  }
  &.in {
    top: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .flash {
    width: 700px;
    margin-left: -350px;
    left: 50%;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
dvl-flashes-0.0.1	vendor/assets/stylesheets/dvl/flashes.scss