govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
2 lines (1 loc) • 2.36 kB
Source Map (JSON)
{"version":3,"sources":["../../../src/govuk/core/_lists.scss"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,2BAA2B;AAC3B,+BAA+B;;AAE/B;EACE;IACE,8BAA8B;;IAE9B,8CAA8C;IAC9C,0CAA0C;IAC1C,aAAa;IACb,6CAA6C;IAC7C,yCAAyC;;IAEzC,eAAe;IACf,qBAAqB;IACrB,oCAAoC;;IAEpC,mCAAmC;IACnC;MACE,4BAA4B;IAC9B;EACF;;EAEA;IACE,yEAAyE;IACzE,yEAAyE;IACzE,kBAAkB;IAClB,+BAA+B;EACjC;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,8BAA8B;IAC9B,wBAAwB;EAC1B;;EAEA;;IAEE,gBAAgB;;IAEhB;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;;IAE/B;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;AACF","file":"_lists.scss","sourcesContent":["@import \"../tools/exports\";\n@import \"../helpers/colour\";\n@import \"../helpers/typography\";\n\n@include govuk-exports(\"govuk/core/lists\") {\n %govuk-list {\n @include govuk-font($size: 19);\n\n // Keep margin configuration next to each other\n // stylelint-disable order/order-properties\n margin-top: 0;\n @include govuk-responsive-margin(4, \"bottom\");\n // stylelint-enable order/order-properties\n\n padding-left: 0;\n list-style-type: none;\n color: govuk-functional-colour(text);\n\n // Add a top margin for nested lists\n %govuk-list {\n margin-top: govuk-spacing(2);\n }\n }\n\n %govuk-list > li {\n // Lists without numbers or bullets should always have extra space between\n // list items. Lists with numbers or bullets only have this extra space on\n // tablet and above\n margin-bottom: govuk-spacing(1);\n }\n\n .govuk-list {\n @extend %govuk-list;\n }\n\n %govuk-list--bullet {\n padding-left: govuk-spacing(4);\n list-style-type: disc;\n }\n\n %govuk-list--number {\n padding-left: govuk-spacing(4);\n list-style-type: decimal;\n }\n\n %govuk-list--bullet > li,\n %govuk-list--number > li {\n margin-bottom: 0;\n\n @media #{govuk-from-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(1);\n }\n }\n\n %govuk-list--spaced > li {\n margin-bottom: govuk-spacing(2);\n\n @media #{govuk-from-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(3);\n }\n }\n\n .govuk-list--bullet {\n @extend %govuk-list--bullet;\n }\n\n .govuk-list--number {\n @extend %govuk-list--number;\n }\n\n .govuk-list--spaced {\n @extend %govuk-list--spaced;\n }\n}\n"]}