Sha256: 63c5af816cce4fc0b29aaa0a852e5e0615dfaeb856deb4c3cf44db1b20afe3fd

Contents?: true

Size: 1.17 KB

Versions: 54

Compression:

Stored size: 1.17 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: 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: calc(($icon-size - $line-height-mobile) / 2);

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

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

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

Version data entries

54 entries across 54 versions & 1 rubygems

Version Path
govuk_publishing_components-49.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-49.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-48.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-47.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.3.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-46.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.10.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.9.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.8.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.7.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.6.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.6.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.5.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.4.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
govuk_publishing_components-45.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss