Sha256: c2b9ee565fb5a304a6200a0a6702a56b402d121a9b69a1ca24edbc16e7f7a617

Contents?: true

Size: 1.1 KB

Versions: 20

Compression:

Stored size: 1.1 KB

Contents

@mixin thredded-alert($font-color, $background-color, $border-color: lighten($font-color, 50%)) {
  background: $background-color;
  border-color: $border-color;
  color: $font-color;

  a {
    color: darken($font-color, 10%);
    text-decoration: underline;

    &:focus,
    &:hover {
      color: darken($font-color, 15%);
    }
  }
}

%thredded--alert {
  border: solid 1px;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: $thredded-small-spacing;
  padding: $thredded-small-spacing;
  text-decoration: none;
  width: 100%;

  @include thredded-media-desktop-and-up {
    margin-bottom: $thredded-base-spacing;
  }
}

%thredded--alert--success {
  @include thredded-alert($thredded-alert-success-color, $thredded-alert-success-background);
}

%thredded--alert--danger {
  @include thredded-alert($thredded-alert-danger-color, $thredded-alert-danger-background);
}

%thredded--alert--info {
  @include thredded-alert($thredded-alert-info-color, $thredded-alert-info-background);
}

%thredded--alert--warning {
  @include thredded-alert($thredded-alert-warning-color, $thredded-alert-warning-background);
}

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
thredded-1.1.0 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-1.0.1 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-1.0.0 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.16 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.15 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.14 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.13 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.12 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.11 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.10 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.9 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.8 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.7 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.6 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.5 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.4 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.3 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.1 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.16.0 app/assets/stylesheets/thredded/base/_alerts.scss
thredded-0.15.5 app/assets/stylesheets/thredded/base/_alerts.scss