{"version":3,"sources":["../../../../src/nhsuk/core/elements/_links.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,4BAA4B;;AAE5B,GAAG;AACH,QAAQ;AACR,EAAE;AACF,2DAA2D;AAC3D,8EAA8E;AAC9E,0CAA0C;AAC1C,EAAE;AACF,sCAAsC;AACtC,gCAAgC;AAChC,EAAE;AACF,kBAAkB;AAClB,GAAG;;AAEH;EACE,iCAAiC;;EAEjC;IACE;MACE,kCAAkC,EAAE,KAAK;MACzC,mBAAmB;MACnB,kBAAkB,EAAE,KAAK;IAC3B;EACF;AACF;;AAEA;EACE,iCAAiC;AACnC;;AAEA,yBAAyB;;AAEzB,yDAAyD;AACzD;EACE,eAAe;;EAEf,mBAAmB;;EAEnB,UAAU;;EAEV,YAAY;;EAEZ,6BAA6B;;EAE7B,kBAAkB;EAClB,gBAAgB;;EAEhB,eAAe;;EAEf,wBAAgB;;UAAhB,gBAAgB;AAClB;;AAEA,2EAA2E;AAC3E,2EAA2E;;AAE3E;EACE,8BAA8B;AAChC;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,iCAAiC;;EAEjC;IACE,eAAe;EACjB;AACF;;AAEA;EACE,sCAAsC;AACxC;;AAEA,gCAAgC;;AAEhC;EACE,yBAAyB;AAC3B","file":"_links.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n\n////\n/// Links\n///\n/// Our basic `<a>` elements only need very minimal styling.\n/// Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a\n/// class defining in the Components layer.\n///\n/// 1. Outputs full link URL for print.\n/// 2. Point unit used for print.\n///\n/// @group elements\n////\n\na {\n  @include nhsuk-link-style-default;\n\n  @include nhsuk-media-query($media-type: print) {\n    &::after {\n      content: \" (Link: \" attr(href) \")\"; // [1]\n      color: currentcolor;\n      font-size: inherit; // [2]\n    }\n  }\n}\n\n.nhsuk-link {\n  @include nhsuk-link-style-default;\n}\n\n// Buttons styled as links\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.nhsuk-link {\n  display: inline;\n\n  align-items: normal;\n\n  padding: 0;\n\n  border: none;\n\n  background-color: transparent;\n\n  font-size: inherit;\n  text-align: left;\n\n  cursor: pointer;\n\n  appearance: none;\n}\n\n// Variant classes should always be used in conjunction with the .nhsuk-link\n// class or `a` element, to make sure the default link styles are inherited.\n\n.nhsuk-link--text-colour {\n  @include nhsuk-link-style-text;\n}\n\n.nhsuk-link--no-visited-state {\n  @include nhsuk-link-style-no-visited-state;\n}\n\n.nhsuk-link--reverse {\n  @include nhsuk-link-style-reverse;\n\n  @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n    color: LinkText;\n  }\n}\n\n.nhsuk-link--no-underline {\n  @include nhsuk-link-style-no-underline;\n}\n\n// Links that only contain images\n\n.nhsuk-link-image {\n  @include nhsuk-link-image;\n}\n"]}