Sha256: 2b315a93466da10a0132f9f2ca36b9e877f5eeb03fb6b564e41fc1c10774dcc7

Contents?: true

Size: 971 Bytes

Versions: 25

Compression:

Stored size: 971 Bytes

Contents

// Govspeak warning callout
// https://components.publishing.service.gov.uk/component-guide/govspeak/warning_callout
//
// Support:
//
// - alphagov/whitehall: ✔︎
// - alphagov/govspeak: ✔︎

.gem-c-govspeak {
  .help-notice {
    $icon-size: 34px;
    $line-height-mobile: 20px;
    $line-height-tablet: 25px;

    margin: 2em 0;

    // Add '!' icon
    background-image: image-url("icon-important.png");
    background-size: $icon-size $icon-size;
    background-repeat: no-repeat;

    @include govuk-device-pixel-ratio {
      background-image: image-url("icon-important-2x.png");
    }

    min-height: $icon-size;
    padding-left: $icon-size;

    // Center the icon around the baseline
    padding-top: ($icon-size - $line-height-mobile) / 2;

    @include govuk-media-query($from: tablet) {
      padding-top: ($icon-size - $line-height-tablet) / 2;
    }

    p {
      @include govuk-font($size: 19, $weight: bold);
      margin-left: 1em;
    }
  }
}

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
govuk_publishing_components-21.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-21.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-21.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-21.1.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-21.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-21.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.5.2 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.5.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.5.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.2.2 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.2.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-20.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-19.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-18.3.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-18.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-18.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss