Sha256: acc5836359642034a0bed9789fa50a800d1520b3449fed3c2d986af30763c560

Contents?: true

Size: 1.2 KB

Versions: 6

Compression:

Stored size: 1.2 KB

Contents

@mixin chameleon-typography-titles {
  .title--alpha,
  .title--beta,
  .title--gamma,
  .title--epsilon,
  .title--zeta {
    @extend %font-family-primary;
  }

  .title--delta {
    @extend %font-family-secondary;
  }

  .title--alpha {
    font-size: rem-calc(28px);
    line-height: 1.1em;
    font-weight: 400;
    letter-spacing: -1.4px;

    strong {
      font-weight: 500;
    }

    @media #{$medium-up} {
      font-size: rem-calc(34px);
    }
  }

  .title--beta {
    font-size: rem-calc(24px);
    line-height: 1.25em;
    font-weight: 400;
    color: $color-black;
    letter-spacing: -2px;

    @media #{$medium-up} {
      font-size: rem-calc(28px);
    }
  }

  .title--gamma {
    font-size: rem-calc(22px);
    font-weight: 400;
    line-height: 1.15em;
  }

  .title--delta {
    @extend %font-family-secondary;
    font-size: rem-calc(18px);
    font-weight: 400;
    line-height: 1.4em;
    text-transform: none;
  }

  .title--epsilon {
    @extend %font-family-primary;
    font-size: rem-calc(16px);
    font-weight: 500;
    line-height: 1.1em;
  }

  .title--zeta {
    text-transform: uppercase;
    font-size: rem-calc(12px);
    font-weight: 700;
    color: $color-black;
    line-height: 1.1em;
  }
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
pusher-chameleon-1.1.0 stylesheets/typography/_titles.scss
pusher-chameleon-1.0.4 stylesheets/typography/_titles.scss
pusher-chameleon-1.0.3 stylesheets/typography/_titles.scss
pusher_chameleon-1.0.3 stylesheets/typography/_titles.scss
pusher_chameleon-1.0.2 stylesheets/typography/_titles.scss
pusher_chameleon-1.0.0 stylesheets/typography/_titles.scss