Sha256: 5386891bf981c51895c5d1abedf5b3f52e4c33554362f163128cba45acc4d658

Contents?: true

Size: 1.04 KB

Versions: 31

Compression:

Stored size: 1.04 KB

Contents

// =============================================================================
// BANNERS
// =============================================================================

.banner {
  background: $blue;
  padding: 1.75rem 0;
  position: relative;

  a {
    color: #fff;
  }

  .icon {
    background-color: #fff;
  }
}

.banner__inner {
  display: flex;
  align-items: center;
}

.banner__title {
  color: #fff;
  margin-bottom: .5rem;
}

.banner__text {
  color: rgba(#000, .6);
  line-height: 1.3em;
  margin-bottom: 0;
}

.banner__btn {
  margin-top: 1rem;

  .banner__accessory & {
    margin-top: 0;
  }
}

.banner__dismiss {
  color: rgba(#000, .5);
  font-size: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  padding: .5em .75em;
}

.banner__content {
  flex-grow: 1;
}

.banner__accessory {
  flex-shrink: 0;
}


// BANNER COLORS
// -----------------------------------------------------------------------------

.banner--orange {
  background: $orange;
}

.banner--blue {
  background: $banner-blue;
}

.banner--red {
  background: $banner-red;
}

Version data entries

31 entries across 31 versions & 1 rubygems

Version Path
shipit-engine-0.24.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.23.1 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.23.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.22.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.21.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.20.1 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.20.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.19.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.18.1 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.18.0 app/assets/stylesheets/_base/_banner.scss
shipit-engine-0.17.0 app/assets/stylesheets/_base/_banner.scss