Sha256: c260e20703bf879875dd8c6624b930d98fe8b52471f557bbaf9dcb0399f2d977

Contents?: true

Size: 2 KB

Versions: 20

Compression:

Stored size: 2 KB

Contents

// Table of Contents
// ==================================================
// Cohort

// scss-lint:disable ImportantRule
// scss-lint:disable NestingDepth

// Cohort
// ==================================================
.cohort-title {
  background: color(white);
  border: 1px solid color(dark-haze);
  border-bottom: 0;
  font-size: text-size(b);
  font-weight: text-weight(semibold);
  padding: 10px;
  text-align: center;
}
.cohort-table {
  background: light-color(light-haze);
  border: 1px solid color(dark-haze);
  border-spacing: 0;
  border-collapse: collapse;
  font-size: text-size(b);
  margin: auto;
  max-width: 100%;
  width: 100%;

  tr:first-child {
    th {
      border-bottom-width: 3px;

      &:last-child { border-right: 0; }
    }
  }

  td,
  th {
    text-align: center;
    padding: 8px;
  }

  th {
    border-bottom: 1px solid color(dark-haze);
    border-right: 1px solid color(dark-haze);
    font-weight: text-weight(semibold);
  }
}
.cohort-percentage {
  &::after {
    content: '%';
    margin-left: 1px;
  }
}
.cohort-label,
.cohort-total {
  border-bottom: 1px solid color(dark-haze);
  border-right: 1px solid color(dark-haze);
  font-weight: text-weight(semibold);
  width: 80px;
}
.cohort-label { text-align: left !important; }
.cohort-total {
  border-right-width: 3px;
  font-weight: text-weight(normal);
}
.cohort-empty {
  background: color(white);
  border-bottom: 1px solid color(dark-haze);
  border-right: 1px solid color(dark-haze);
}
.cohort-extra-low,
.cohort-low,
.cohort-medium-low,
.cohort-medium,
.cohort-medium-high,
.cohort-high,
.cohort-hot,
.cohort-extra-hot { color: color(white); }
@each $name, $multiplier in (extra-low: 3.25, low: 3, medium-low: 2, medium: 1) {
  .cohort-#{$name} { background: lighten(color(primary), percentage((12.5 * $multiplier) / 100)); }
}
.cohort-medium-high {
  background: color(primary);
}
@each $name, $multiplier in (high: 1, hot: 2, extra-hot: 3) {
  .cohort-#{$name} { background: darken(color(primary), percentage((12.5 * $multiplier) / 100)); }
}

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
active_frontend-14.1.11 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.10 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.9 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.8 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.7 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.6 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.5 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.4 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.3 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.2 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.1 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.1.0 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.99 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.98 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.97 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.96 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.95 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.94 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.93 vendor/assets/stylesheets/components/_cohort.scss
active_frontend-14.0.92 vendor/assets/stylesheets/components/_cohort.scss