govuk-frontend/dist/govuk/components/tabs/_index.scss.map

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;;IAExC,+BAA+B;IAC/B,oCAAoC;EACtC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;MAC/B,oCAAoC;IACtC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,oDAAoD;MACtD;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4DAA4D;QAC5D,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,2BAA2B;QAC3B,gBAAgB;QAChB,6CAA6C;;QAE7C,0DAA0D;;QAE1D;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,iBAAiB;QACjB,aAAa;QACb,6CAA6C;;QAE7C;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\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 govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n\n    margin-bottom: govuk-spacing(2);\n    color: govuk-functional-colour(text);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n      color: govuk-functional-colour(text);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid;\n        border-bottom-color: govuk-functional-colour(border);\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid;\n        border-bottom: 0;\n        border-color: govuk-functional-colour(border);\n\n        background-color: govuk-functional-colour(body-background);\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid;\n        border-top: 0;\n        border-color: govuk-functional-colour(border);\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}