Sha256: cb3aa1dcf3417e93b561268fc70e3dde293fc8bbcfdb5b409a26ae45ac4ec7a8

Contents?: true

Size: 1.08 KB

Versions: 39

Compression:

Stored size: 1.08 KB

Contents

// Table of Contents
// ==================================================
// Alert
// Colors
// Styles

// Alert
// ==================================================
.alert {
  background: color(light-haze);
  border: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: dark-color(light-haze);
  box-sizing: border-box;
  color: color(black);
  display: block;
  padding: 13px 20px;
  width: 100%;

  .alert-close { float: right; }

  &.absolute,
  &.fixed { z-index: 2060; }
  &.absolute {
    position: absolute;
    width: inherit;
  }
  &.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}

// Colors
// ==================================================
@each $name, $color in $colors {
  .alert-color-#{$name} {
    background: color($name);
    border-color: dark-color($name);
    color: text-color-on($name);

    &.alert-outline {
      border-color: color($name);
      color: color($name);
    }
  }
}

// Styles
// ==================================================
.alert-border { border-width: 1px; }
.alert-outline { background: color(transparent); }

Version data entries

39 entries across 39 versions & 1 rubygems

Version Path
active_frontend-14.1.39 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.38 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.37 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.36 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.35 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.34 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.33 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.32 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.31 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.30 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.29 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.28 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.27 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.26 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.25 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.24 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.23 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.22 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.21 vendor/assets/stylesheets/components/_alert.scss
active_frontend-14.1.20 vendor/assets/stylesheets/components/_alert.scss