{"version":3,"sources":["../../../src/govuk/helpers/_links.scss"],"names":[],"mappings":"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","file":"_links.scss","sourcesContent":["////\n/// @group helpers/links\n////\n\n/// Common link styles\n///\n/// Provides the typography and focus state, regardless of link style.\n///\n/// @access public\n\n@mixin govuk-link-common {\n  @include govuk-typography-common;\n  @include govuk-link-decoration;\n\n  &:hover {\n    @include govuk-link-hover-decoration;\n  }\n\n  &:focus {\n    @include govuk-focused-text;\n  }\n}\n\n/// Link decoration\n///\n/// Provides the text decoration for links, including thickness and underline\n/// offset. Use this mixin only if you cannot use the `govuk-link-common` mixin.\n///\n/// @access public\n@mixin govuk-link-decoration {\n  text-decoration: underline;\n\n  @if $govuk-link-underline-thickness {\n    text-decoration-thickness: $govuk-link-underline-thickness;\n  }\n\n  @if $govuk-link-underline-offset {\n    text-underline-offset: $govuk-link-underline-offset;\n  }\n}\n\n/// Link hover decoration\n///\n/// Provides the text decoration for links in their hover state, for you to use\n/// within a `:hover` pseudo-selector. Use this mixin only if you cannot use the\n/// `govuk-link-common` mixin.\n///\n/// @access public\n\n@mixin govuk-link-hover-decoration {\n  @if $govuk-link-hover-underline-thickness {\n    text-decoration-thickness: $govuk-link-hover-underline-thickness;\n    // Disable ink skipping on underlines on hover. Browsers haven't\n    // standardised on this part of the spec yet, so set both properties\n    text-decoration-skip-ink: none; // Chromium, Firefox\n    text-decoration-skip: none; // Safari\n  }\n}\n\n/// Default link styles\n///\n/// Makes links use the default unvisited, visited, hover and active colours.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-default {\n  &:link {\n    color: govuk-functional-colour(link);\n  }\n\n  &:visited {\n    color: govuk-functional-colour(link-visited);\n  }\n\n  &:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  &:active {\n    color: govuk-functional-colour(link-active);\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Error link styles\n///\n/// Makes links use the error colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-error;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-error {\n  &:link,\n  &:visited {\n    color: govuk-functional-colour(error);\n  }\n\n  &:hover {\n    color: govuk-colour(\"red\", $variant: \"shade-50\");\n  }\n\n  &:active {\n    color: govuk-functional-colour(error);\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Success link styles\n///\n/// Makes links use the success colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-success;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-success {\n  &:link,\n  &:visited {\n    color: govuk-functional-colour(success);\n  }\n\n  &:hover {\n    color: govuk-colour(\"green\", $variant: \"shade-50\");\n  }\n\n  &:active {\n    color: govuk-functional-colour(success);\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Muted link styles\n///\n/// Makes links use the secondary text colour. The link will darken if it's\n/// active or a user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-muted;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-muted {\n  &:link,\n  &:visited {\n    color: govuk-functional-colour(secondary-text);\n  }\n\n  &:hover,\n  &:active {\n    color: govuk-functional-colour(text);\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Text link styles\n///\n/// Makes links use the primary text colour, in all states. Use this mixin for\n/// navigation components, such as breadcrumbs or the back link.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-text;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-text {\n  &:link,\n  &:visited,\n  &:active {\n    color: govuk-functional-colour(text);\n  }\n\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Inverse link styles\n///\n/// Makes links white, in all states. Use this mixin if you're displaying links\n/// against a dark background.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-inverse;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-inverse {\n  &:link,\n  &:visited {\n    color: govuk-colour(\"white\");\n  }\n\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Default link styles, without a visited state\n///\n/// Makes links use the default unvisited, hover and active colours, with no\n/// distinct visited state.\n///\n/// Use this mixin when it's not helpful to distinguish between visited and\n/// non-visited links. For example, when you link to pages with\n/// frequently-changing content, such as the dashboard for an admin interface.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-no-visited-state;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-visited-state {\n  &:link {\n    color: govuk-functional-colour(link);\n  }\n\n  &:visited {\n    color: govuk-functional-colour(link);\n  }\n\n  &:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  &:active {\n    color: govuk-functional-colour(link-active);\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: govuk-functional-colour(focus-text);\n  }\n}\n\n/// Remove underline from links\n///\n/// Remove underlines from links unless the link is active or a user hovers\n/// their cursor over it.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///     @include govuk-link-style-no-underline;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-underline {\n  &:not(:hover):not(:active) {\n    text-decoration: none;\n  }\n}\n\n/// Include link destination when printing the page\n///\n/// If the user prints the page, add the destination URL after the link text, if\n/// the URL starts with `/`, `http://` or `https://`.\n///\n/// @access public\n\n@mixin govuk-link-print-friendly {\n  @media print {\n    &[href^=\"/\"],\n    &[href^=\"http://\"],\n    &[href^=\"https://\"] {\n      &::after {\n        content: \" (\" attr(href) \")\";\n        font-size: 90%;\n\n        // Because the URLs may be very long, ensure that they may be broken\n        // at arbitrary points if there are no otherwise acceptable break\n        // points in the line\n        word-wrap: break-word;\n      }\n    }\n  }\n}\n\n/// Image link styles\n///\n/// Prepares and provides the focus state for links that only contain images\n/// with no accompanying text.\n///\n/// @access public\n\n@mixin govuk-link-image {\n  // Needed to draw the focus around the entire image\n  display: inline-block;\n\n  // Remove extra space at the bottom of the image that's added by line-height\n  line-height: 0;\n\n  // Don't render an underline\n  text-decoration: none;\n\n  &:focus {\n    @include govuk-focused-box;\n  }\n}\n"]}