/* ==========================================================================
   UTILITIES / #TYPOGRAPHY
   ========================================================================== */

// Utility classes are allowed to use !important;
// so we disable stylelint for that rule

/**
 * Font size and line height
 *
 * Generate typography override classes for each responsive font map in the
 * typography scale eg .dfe-u-font-size-48
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 */

@each $size in map-keys($dfe-typography-scale) {
  .dfe-u-font-size-#{$size} {
    @include dfe-typography-responsive($size, $important: true);
  }
}

/* Weights
   ========================================================================== */

/**
 * Generate font weight override classes for normal and bold
 * eg .dfe-u-font-weight-normal
 */

.dfe-u-font-weight-normal {
  @include dfe-typography-weight-normal($important: true);
}

.dfe-u-font-weight-bold {
  @include dfe-typography-weight-bold($important: true);
}

/* Colours
   ========================================================================== */

/**
 * Secondary text colour $dfe-secondary-text-color
 * eg <p class="dfe-u-secondary-text-color">Published on: 15 March 2018</p>
 */

.dfe-u-secondary-text-color {
  color: $dfe-secondary-text-color !important; /* stylelint-disable-line declaration-no-important */
}