Sha256: 0e3ad23794f31c7c1026d95487add303ce4988c415a9a3af894df1d3b5d13161

Contents?: true

Size: 1.3 KB

Versions: 41

Compression:

Stored size: 1.3 KB

Contents

// stylelint-disable max-nesting-depth

$highlight-answer-bg-color: govuk-colour("green");
$highlight-answer-color: govuk-colour("white");

.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 {
  .highlight-answer {
    background-color: $highlight-answer-bg-color;
    color: $highlight-answer-color;
    text-align: center;
    padding: 1.75em .75em 1.25em;
    margin: 0 0 1em;

    p {
      color: $highlight-answer-color;
      @include govuk-font($size: 24, $weight: bold);

      em {
        display: block;
        padding-top: .1em;
        color: $highlight-answer-color;
        @include govuk-font($size: 80, $weight: bold);
      }
    }

    p:last-child {
      margin-bottom: 0;
    }

    @include govuk-media-query($until: tablet) {
      margin: 0 0 1em;
      @include govuk-font($size: 48);

      p {
        font-size: 1em;
        line-height: inherit;

        em {
          font-size: 1em;
          padding-top: 0;
          display: inline;
        }
      }
    }

    @include govuk-media-query($media-type: print) {
      background: none;

      &,
      & * {
        color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
      }
    }
  }
}

Version data entries

41 entries across 41 versions & 1 rubygems

Version Path
govuk_publishing_components-46.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-46.3.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-46.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-46.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-46.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-46.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.10.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.9.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.8.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.7.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.6.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.6.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.5.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.4.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.4.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.3.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.2.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-45.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-44.11.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss