Sha256: 73f72313404edb0e090940c56d6310a480504f056bff15c1650870d27998b427

Contents?: true

Size: 1.16 KB

Versions: 120

Compression:

Stored size: 1.16 KB

Contents

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

.govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
.gem-c-govspeak {
  .help-notice {
    $icon-size: 35px;
    $line-height-mobile: 20px;
    $line-height-tablet: 25px;

    margin: 2em 0;

    // Add '!' icon
    background-image: image-url("govuk_publishing_components/icon-important.svg");
    background-size: $icon-size $icon-size;
    background-repeat: no-repeat;
    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;
    }
  }

  // Prevent excessive spacing when placed in a call-to-action block
  .call-to-action {
    .help-notice:first-child {
      margin-top: 0;
    }
  }
}

Version data entries

120 entries across 120 versions & 1 rubygems

Version Path
govuk_publishing_components-36.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-36.0.3 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-36.0.2 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-36.0.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-36.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.23.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.22.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.21.4 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.21.3 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.21.2 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.21.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.21.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.20.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.20.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.19.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.18.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.17.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.16.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.16.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-35.15.5 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss