Sha256: 5a7361fcb9057e8d62b6f75c1290a36a100a1a4b3e8ef4c138d285c5cfee6bb2

Contents?: true

Size: 1.01 KB

Versions: 4

Compression:

Stored size: 1.01 KB

Contents

@import "../../settings/all";
@import "../../tools/all";
@import "../../helpers/all";

@include govuk-exports("govuk/component/warning-text") {

  .govuk-warning-text {
    @include govuk-font($size: 19);
    @include govuk-text-colour;

    position: relative;
    @include govuk-responsive-margin(6, "bottom");
    padding: govuk-spacing(2) 0;
  }

  .govuk-warning-text__assistive {
    @include govuk-visually-hidden;
  }

  .govuk-warning-text__icon {
    @include govuk-font($size: false, $weight: bold);

    display: inline-block;

    position: absolute;
    top: 50%;
    left: 0;

    min-width: 38px;
    min-height: 35px;
    margin-top: -20px; // Half the height of the 38px circle (adjusted for NTA)
    padding-top: 3px;

    border-radius: 50%;

    color: govuk-colour("white");
    background: govuk-colour("black");

    font-size: 1.6em;
    line-height: 35px;

    text-align: center;
  }

  .govuk-warning-text__text {
    display: block;
    margin-left: -$govuk-gutter-half;
    padding-left: 65px;
  }
}

Version data entries

4 entries across 4 versions & 2 rubygems

Version Path
govuk_publishing_components-9.5.1 node_modules/govuk-frontend/components/warning-text/_warning-text.scss
govuk_publishing_components-9.5.0 node_modules/govuk-frontend/components/warning-text/_warning-text.scss
govuk_publishing_components-9.4.0 node_modules/govuk-frontend/components/warning-text/_warning-text.scss
govuk_fe_assets-0.1.0.pre.alpha node_modules/govuk-frontend/components/warning-text/_warning-text.scss