Sha256: df0556a63e43211d12bce1a66e1d49c9976d28368ff232bbadd68dc1af5fe651

Contents?: true

Size: 1.36 KB

Versions: 8

Compression:

Stored size: 1.36 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: govuk-spacing(5) govuk-spacing(2) govuk-spacing(4);
    margin: 0 0 govuk-spacing(2);

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

      em {
        display: block;
        padding-top: govuk-spacing(2);
        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 govuk-spacing(2);
      @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

8 entries across 8 versions & 1 rubygems

Version Path
govuk_publishing_components-51.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-51.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-50.0.1 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-50.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-49.1.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-49.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-48.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
govuk_publishing_components-47.0.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss