{"version":3,"sources":["../../../../src/nhsuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;;AAE9B,GAAG;AACH,iBAAiB;AACjB,EAAE;AACF,yBAAyB;AACzB,GAAG;;AAEH;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,+BAA+B;;IAE/B,yEAAyE;IACzE,wDAAwD;IACxD,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,yBAAyB;EAC3B;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,gBAAgB;QAChB,6CAA6C;QAC7C,uBAAuB;MACzB;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;;QAEX,wCAAwC;;QAExC,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,qDAAqD;QACrD,+CAA+C;QAC/C,wDAAwD;QACxD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,gBAAgB;;QAEhB,8BAA8B;;QAE9B;UACE,WAAW;;UAEX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;QACb,+CAA+C;QAC/C,6CAA6C;;QAE7C;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@forward \"../../core/nhsuk-frontend-properties\";\n@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n\n////\n/// Tabs component\n///\n/// @group components/tabs\n////\n\n@include nhsuk-exports(\"nhsuk/components/tabs\") {\n  .nhsuk-tabs {\n    @include nhsuk-responsive-margin(1, \"top\");\n    @include nhsuk-responsive-margin(6, \"bottom\");\n    @include nhsuk-font($size: 19);\n  }\n\n  .nhsuk-tabs__title {\n    margin-bottom: nhsuk-spacing(2);\n\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include nhsuk-text-colour;\n    @include nhsuk-font($size: 19);\n  }\n\n  .nhsuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include nhsuk-responsive-margin(6, \"bottom\");\n  }\n\n  .nhsuk-tabs__list-item {\n    @include nhsuk-shape-dash;\n  }\n\n  .nhsuk-tabs__tab {\n    display: inline-block;\n  }\n\n  .nhsuk-tabs__panel {\n    @include nhsuk-responsive-margin(8, \"bottom\");\n  }\n\n  // NHS.UK frontend JavaScript enabled\n  .nhsuk-frontend-supported {\n    @include nhsuk-media-query($from: tablet) {\n      .nhsuk-tabs__list {\n        margin-bottom: 0;\n        border-bottom: 1px solid $nhsuk-border-colour;\n        @include nhsuk-clearfix;\n      }\n\n      .nhsuk-tabs__title {\n        display: none;\n      }\n\n      .nhsuk-tabs__list-item {\n        position: relative;\n\n        margin-right: nhsuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: nhsuk-spacing(2) nhsuk-spacing(4);\n\n        float: left;\n\n        background-color: nhsuk-colour(\"grey-4\");\n\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .nhsuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: nhsuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: (nhsuk-spacing(2) * 1.5) - $border-width;\n        padding-right: nhsuk-spacing(4) - $border-width;\n        padding-bottom: (nhsuk-spacing(2) * 1.5) + $border-width;\n        padding-left: nhsuk-spacing(4) - $border-width;\n\n        border: $border-width solid $nhsuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $nhsuk-card-background-colour;\n\n        .nhsuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .nhsuk-tabs__tab {\n        margin-bottom: 0;\n\n        @include nhsuk-link-style-text;\n\n        &::after {\n          content: \"\";\n\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .nhsuk-tabs__panel {\n        padding: nhsuk-spacing(6) nhsuk-spacing(4);\n        border: 1px solid $nhsuk-border-colour;\n        border-top: 0;\n        background-color: $nhsuk-card-background-colour;\n        @include nhsuk-responsive-margin(0, \"bottom\");\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .nhsuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}