Sha256: 5765201f40ed01465d19c1ec4c72129f484d3b7a4f857a8fa5487eb3027911fa

Contents?: true

Size: 835 Bytes

Versions: 4

Compression:

Stored size: 835 Bytes

Contents

// stylelint-disable scss/at-extend-no-missing-placeholder
.gem-c-govspeak {
  @import "govuk/components/button/button";

  // Some links in Govspeak should look like buttons[1] when using:
  // ```
  //    {button}[Random page](https://gov.uk/random){/button}
  // ```.
  //
  // To make sure that the link styles don't override the button styles this
  // needs more specificity.
  //
  // Govspeak targets link by using element selectors; so the selector
  // `.gem-c-govspeak a:link` will override `.govuk-button`. Extending
  // `govuk-button` here gives `gem-c-govspeak .gem-c-button` and prevents the
  // link-that-looks-like-a-button from being overriden.

  // [1]: https://github.com/alphagov/govspeak#button
  .gem-c-button {
    @extend .govuk-button;
  }

  .govuk-button--start {
    @extend .govuk-button--start;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
govuk_publishing_components-24.10.0 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss
govuk_publishing_components-24.9.4 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss
govuk_publishing_components-24.9.3 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss
govuk_publishing_components-24.9.2 app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss