Sha256: 4d446e8b656f6489deb00c9b0e26c6dca50b04d4ca5e7b0e54e9428618884c2d

Contents?: true

Size: 1.93 KB

Versions: 25

Compression:

Stored size: 1.93 KB

Contents

// Base Typography
// ========================================

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  @include font-type($primary-sans-serif, normal, 400);
  @include s-foxtrot;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  @include font-type($primary-sans-serif, normal, 700);
  @include rem(margin-bottom, 18px);
  color: $black-base;
  line-height: 1.0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1 { font-size: $font-size-base * 4.25; }
h2 { font-size: $font-size-base * 3.25; }
h3 { font-size: $font-size-base * 2.75; }
h4 { font-size: $font-size-base * 1.85; }
h5 { font-size: $font-size-base * 1.45; }
h6 { font-size: $font-size-base; }

p {
  @include font-type($primary-sans-serif, normal, 400);
  @include s-foxtrot;
  @include rem(margin-bottom, 12px);
  line-height: $base-line-height;
}

li,
dd {
  @include s-foxtrot;
  @include rem(margin-top, 3px);
  line-height: normal;
}

a {
  @include font-type(inherit, normal, inherit);
  @include transition(all 0.3s ease-in-out);
  color: inherit;
  text-decoration: none;

  &:hover {
    opacity: 0.75;
    text-decoration: none;
  }

  &.image-link:hover {
    opacity: 1;
  }

  &:active,
  &:focus {
    outline: none;
  }
}

blockquote {
  @include font-type($primary-sans-serif, normal, 300);
  @include s-bravo;
}

cite {
  @include font-type($primary-sans-serif, normal, 700);
  @include rem(margin-top, 15px);
  @include s-foxtrot;
  display: block;
}


// Type Styles
em { @include font-type(inherit, italic, inherit); }
strong { @include font-type(inherit, normal, 700);  }

.center { text-align: center; }
.right { text-align: right; }

.uppercase { text-transform: uppercase; }


// Type Sizes
.big { font-size: 35px;  @include media($tablet){ @include s-giga; } }
.small{ @include s-hotel; }


// Type Colors
.inverse { color: $white-base; }

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
fuel-0.4.10 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.9 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.8 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.7 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.6 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.5 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.4 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.3 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.2 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.4.1 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.34 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.33 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.32 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.31 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.30 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.29 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.28 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.27 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.26 app/assets/stylesheets/fuel/base/_typography.scss
fuel-0.3.25 app/assets/stylesheets/fuel/base/_typography.scss