{"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,6CAA6C;IAC7C,8BAA8B;;IAE9B;MACE,aAAa;IACf;;IAEA;MACE,0CAA0C;IAC5C;EACF;;EAEA;;;IAGE,+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;IACE;MACE;QACE,gBAAgB;QAChB,6CAA6C;QAC7C,uBAAuB;MACzB;;MAEA;;;QAGE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;;QAEd,WAAW;;QAEX,wCAAwC;;QAExC,kBAAkB;;QAElB,uDAAuD;QACvD,uDAAuD;;QAEvD;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;;QAE7B,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C,0FAA0F;QAC1F,6FAA6F;QAC7F,qFAAqF;;QAErF;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,gBAAgB;QAChB,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;QACb,+CAA+C;;QAE/C,6BAA6B;MAC/B;;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(6, \"bottom\");\n    @include nhsuk-font($size: 19);\n\n    :first-child:empty + & {\n      margin-top: 0;\n    }\n\n    &:not(:first-child) {\n      @include nhsuk-responsive-margin(6, \"top\");\n    }\n  }\n\n  .nhsuk-tabs__heading,\n  // Deprecated, to be removed in a future release\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  @include nhsuk-frontend-supported {\n    @media #{nhsuk-from-breakpoint(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__heading,\n      // Deprecated, to be removed in a future release\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\n        float: left;\n\n        background-color: nhsuk-colour(\"grey-4\");\n\n        text-align: center;\n\n        @include nhsuk-responsive-padding(2, (\"top\", \"bottom\"));\n        @include nhsuk-responsive-padding(4, (\"left\", \"right\"));\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\n        border: $border-width solid $nhsuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $nhsuk-card-background-colour;\n\n        @include nhsuk-responsive-padding(2, \"top\", $adjustment: nhsuk-spacing(1) - $border-width);\n        @include nhsuk-responsive-padding(2, \"bottom\", $adjustment: nhsuk-spacing(1) + $border-width);\n        @include nhsuk-responsive-padding(4, (\"left\", \"right\"), $adjustment: - $border-width);\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        margin-bottom: 0;\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\n        @include nhsuk-top-and-bottom;\n      }\n\n      .nhsuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}