Sha256: b61cd0a045577a66ac202b7424ce3454a4da5a39c2f484abea8945bd5c67833f

Contents?: true

Size: 1.1 KB

Versions: 3

Compression:

Stored size: 1.1 KB

Contents

@include govuk-exports("govuk/component/label") {
  .govuk-label {
    @include govuk-font($size: 19);
    @include govuk-text-colour;

    display: block;

    margin-bottom: govuk-spacing(1);
  }

  // Modifiers that make labels look more like their equivalent headings
  .govuk-label--xl,
  .govuk-label--l,
  .govuk-label--m {
    @include govuk-typography-weight-bold;
    margin-bottom: govuk-spacing(3);
  }

  .govuk-label--xl {
    @include govuk-typography-responsive($size: 48);
  }

  .govuk-label--l {
    @include govuk-typography-responsive($size: 36);
  }

  .govuk-label--m {
    @include govuk-typography-responsive($size: 24);
  }

  .govuk-label--s {
    @include govuk-typography-weight-bold;
  }

  // When the label is nested inside a heading, override the heading so that it
  // does not have a margin. Effectively we want to be able to treat the heading
  // as if it is not there.
  //
  // This breaks BEM conventions because it exists as a parent of the 'block',
  // so we can't really consider an element.
  .govuk-label-wrapper {
    margin: 0;
  }
}

/*# sourceMappingURL=_index.scss.map */

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
katalyst-govuk-formbuilder-1.7.1 vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/label/_index.scss
katalyst-govuk-formbuilder-1.7.0 vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/label/_index.scss
katalyst-govuk-formbuilder-1.6.0 vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/label/_index.scss