{"version":3,"sources":["../../../../src/nhsuk/core/styles/_lists.scss"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,oBAAoB;;AAEpB,GAAG;AACH,QAAQ;AACR,EAAE;AACF,8EAA8E;AAC9E,6BAA6B;AAC7B,EAAE;AACF,gEAAgE;AAChE,4EAA4E;AAC5E,0BAA0B;AAC1B,EAAE;AACF,gBAAgB;AAChB,EAAE;AACF,gBAAgB;AAChB,WAAW;AACX,mCAAmC;AACnC,MAAM;AACN,GAAG;;AAEH;EACE,aAAa;EACb,eAAe;EACf,qBAAqB;;EAErB,4BAA4B;EAC5B,6CAA6C;;EAE7C,4DAA4D;EAC5D;IACE,gBAAgB;IAChB,0CAA0C;EAC5C;AACF;;AAEA;EACE,6CAA6C;;EAE7C;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,mCAAmC,EAAE,KAAK;EAC1C,qBAAqB;AACvB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,mCAAmC,EAAE,KAAK;EAC1C,wBAAwB;AAC1B;;AAEA;;EAEE,2CAA2C;AAC7C;;AAEA;;;;EAIE,6BAA6B;;EAE7B;IACE,6BAA6B;EAC/B;AACF;;AAEA;EACE;;;;;;IAME,mBAAmB;EACrB;AACF;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,2BAA2B;AAC7B;;AAEA;EACE,mBAAmB;EACnB,2BAA2B;AAC7B;;AAEA;;EAEE,kBAAkB;EAClB,aAAa;EACb,wEAAwE,EAAE,KAAK;EAC/E,gBAAgB;;EAEhB;IACE,kBAAkB;IAClB,2BAA2B,EAAE,KAAK;IAClC,8CAA8C;IAC9C,+CAA+C;IAC/C,iCAAiC,EAAE,KAAK;EAC1C;AACF","file":"_lists.scss","sourcesContent":["@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Lists\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// 1. 'Random number' used to align ul and ol left with content.\n/// 2. 'Random number' used to give sufficient spacing between text and icon.\n/// 3. Align icon and text.\n///\n/// @group styles\n///\n/// @example scss\n///   .foo {\n///     @extend %nhsuk-list--bullet;\n///   }\n////\n\n%nhsuk-list {\n  margin-top: 0;\n  padding-left: 0;\n  list-style-type: none;\n\n  @include nhsuk-font-size(19);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n\n  // Add a top margin and remove bottom margin for nested lists\n  %nhsuk-list {\n    margin-bottom: 0;\n    @include nhsuk-responsive-margin(2, \"top\");\n  }\n}\n\n%nhsuk-list > li {\n  @include nhsuk-responsive-margin(2, \"bottom\");\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n%nhsuk-list--bullet {\n  padding-left: nhsuk-px-to-rem(20px); // [1]\n  list-style-type: disc;\n}\n\n.nhsuk-list--bullet {\n  @extend %nhsuk-list--bullet;\n}\n\n%nhsuk-list--number {\n  padding-left: nhsuk-px-to-rem(20px); // [1]\n  list-style-type: decimal;\n}\n\n%nhsuk-list + h2,\n%nhsuk-list + .nhsuk-heading-l {\n  @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-list + h3,\n%nhsuk-list + h4,\n%nhsuk-list + .nhsuk-heading-m,\n%nhsuk-list + .nhsuk-heading-s {\n  padding-top: nhsuk-spacing(1);\n\n  @include nhsuk-media-query($from: tablet) {\n    padding-top: nhsuk-spacing(2);\n  }\n}\n\n@include nhsuk-media-query($media-type: print) {\n  %nhsuk-list + h2,\n  %nhsuk-list + h3,\n  %nhsuk-list + h4,\n  %nhsuk-list + .nhsuk-heading-l,\n  %nhsuk-list + .nhsuk-heading-m,\n  %nhsuk-list + .nhsuk-heading-s {\n    padding-top: 0.45em;\n  }\n}\n\n.nhsuk-list--number {\n  @extend %nhsuk-list--number;\n}\n\n.nhsuk-list {\n  @extend %nhsuk-list;\n}\n\nul {\n  @extend %nhsuk-list;\n  @extend %nhsuk-list--bullet;\n}\n\nol {\n  @extend %nhsuk-list;\n  @extend %nhsuk-list--number;\n}\n\n.nhsuk-list--tick,\n.nhsuk-list--cross {\n  position: relative;\n  margin-top: 0;\n  padding-left: nhsuk-px-to-rem($nhsuk-icon-size-large + nhsuk-spacing(1)); // [3]\n  list-style: none;\n\n  .nhsuk-icon {\n    position: absolute;\n    left: nhsuk-px-to-rem(-4px); // [3]\n    width: nhsuk-px-to-rem($nhsuk-icon-size-large);\n    height: nhsuk-px-to-rem($nhsuk-icon-size-large);\n    margin-top: nhsuk-px-to-rem(-4px); // [3]\n  }\n}\n"]}