Sha256: e269214d4c86e67ee8fa16d0bf53fdfcd2922a197686f967f46bcf50d63201b0

Contents?: true

Size: 1.36 KB

Versions: 6

Compression:

Stored size: 1.36 KB

Contents

/* Table of Contents
==================================================
# Placeholder
# Sizes
# Colors
# Media Queries */

/* # Placeholder
================================================== */
.placeholder {
  color: $color-gray;
  text-align: center;
}
.placeholder > i {
  background: $color-primary;
  border-radius: 500px;
  color: $color-white;
  display: inline-block;
  font-size: 64px;
  height: 120px;
  line-height: 110px;
  width: 120px;
}
.placeholder > h6 {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.placeholder > p {
  font-size: 14px;
  line-height: 22px;
}
.placeholder-divider {
  background: $color-white;
  border-radius: 500px;
  height: 8px;
  margin: 20px auto;
  width: 50%;
}

/* # Sizes
================================================== */
.placeholder-large > i {
  background: $color-transparent;
  color: inherit;
  display: inline-block;
  font-size: 256px;
  height: initial;
  width: initial;
}

/* # Colors
================================================== */
.placeholder-dark > .placeholder-divider { background: $color-light-black; }
.placeholder-light > .placeholder-divider { background: $color-light-haze; }

/* # Media Queries
================================================== */
@media only screen and (max-width: 767px) {
  .placeholder-divider { width: 75%; }
  .placeholder-large > i {
    font-size: 196px;
    line-height: 1;
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
active_frontend-13.0.5 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.4 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.3 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.2 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.1 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.0 vendor/assets/stylesheets/_placeholder.scss