{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB,EAAE,wBAAwB;;IAEhD,oCAAoC;IACpC,uFAAuF;IACvF,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,YAAY;IACZ;MACE,6BAA6B;IAC/B;IACA,yBAAyB,EAAE,8EAA8E;IACzG,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,0EAA0E;MAC1E,6DAA6D;MAC7D,wDAAwD;;MAExD;QACE,4DAA4D;QAC5D,iBAAiB;QACjB,kDAAkD;MACpD;IACF;;IAEA;MACE,WAAW;MACX,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box; // should this be global?\n\n    // This min-width was chosen because:\n    // - it makes the Select noticeably wider than it is taller (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: 40px;\n    @if $govuk-typography-use-rem {\n      height: govuk-px-to-rem(40px);\n    }\n    padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` to do\n      // this instead of changing `border-width` (which changes element size) and\n      // since `outline` is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n      @include _govuk-if-ie8 {\n        // IE8 doesn't support `box-shadow` so double the border with\n        // `border-width`.\n        border-width: $govuk-border-width-form-element * 2;\n      }\n    }\n\n    &:disabled {\n      opacity: .5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}