Sha256: 4011ab53066313c27f5567b32d8e271c23f5fbc07585ea0864c9a94dfd058124

Contents?: true

Size: 1.38 KB

Versions: 4

Compression:

Stored size: 1.38 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;
  line-height: 1;
  margin-bottom: 20px;
  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; }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
active_frontend-13.3.0 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.2.0 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.1.0 vendor/assets/stylesheets/_placeholder.scss
active_frontend-13.0.6 vendor/assets/stylesheets/_placeholder.scss