nice-select2/dist/css/nice-select2.css.map

A lightweight Vanilla JavaScript plugin that replaces native select elements with customizable dropdowns.

{"version":3,"file":"css/nice-select2.css","mappings":";;;AAkBA;EACE;EACA;EACA,kBAhBoB;EAiBpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eA3BU;EA4BV;EACA,YAzBa;EA0Bb;EACA;EACA,kBA1BiB;EA2BjB;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;AAkBE;EACE;AAhBJ;AAkBE;EACE,kBAnCG;AAmBP;AAmBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBJ;AAsBI;EACE;AApBN;AAsBI;EACE;EACA;EACA;AApBN;AAuBE;EACE;EACA,WApEG;EAqEH;AArBJ;AAsBI;EACE;AApBN;AAyBE;EACE;AAvBJ;AAwBI;EACE;EACA;AAtBN;AAyBE;EACE;AAvBJ;AAwBI;EACE;EACA;AAtBN;AAyBE;EACE,eAnGc;EAoGd,YAhGiB;EAiGjB;AAvBJ;AAwBI;EACE;EACA;AAtBN;AAwBI;EACE;EACA;AAtBN;AA0BE;EACE;EACA;EACA,kBAjHkB;EAkHlB;EAEA;EACA;EACA;EAAW;EACX;EACA;EACA;EACA;EACA;AAxBJ;AA4BE;EACE,kBAhIkB;EAiIlB;EACA;EACA;EACA;EACA;AA1BJ;AA4BI;EACE;AA1BN;AA6BE;EACE;EACA;EACA;EACA;EACA;EACA,kBA9Ie;EA+If;EACA;EACA;AA3BJ;AA4BI;EACE,yBA9IS;AAoHf;AA4BI;EACE;AA1BN;AA4BI;EACE;EACA,WAvJC;EAwJD;AA1BN;AA8BE;EACE;AA5BJ;AA+BE;EACE;AA7BJ;;AAmCE;EACE;AAhCJ;AAmCI;EACE;AAjCN;;AAuCA;EACE;AApCF;;AA2CE;EACE;EACA;EACA;EACA;EACA;AAxCJ;AA0CI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxCN;AA2CI;EACE;EACA;EACA;AAzCN;AA6CE;EACE;EACA;EACA;EACA;EACA;AA3CJ;AA8CE;EACE;EACA;EACA;EACA;EACA,WAlOQ;EAmOR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eApPQ;AAwMZ,C","sources":["webpack://NiceSelect/./src/scss/nice-select2.scss"],"sourcesContent":["@use 'sass:math';\r\n// Default variables\r\n$font_size: 14px !default;\r\n$font_size_small: 12px !default;\r\n\r\n$input_border_radius: 5px !default;\r\n$input_height: 38px !default;\r\n$input_height_small: 36px !default;\r\n$dropdown_padding: 18px !default;\r\n\r\n$gray_dark: #444 !default;\r\n$gray: #999 !default;\r\n$gray_light: #e8e8e8 !default;\r\n$gray_lighter: #f6f6f6 !default;\r\n$primary_light: $gray !default;\r\n$arrow_color: $gray !default;\r\n\r\n// Style the dropdown\r\n.nice-select {\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  background-color: #fff;\r\n  border-radius: $input_border_radius;\r\n  border: solid 1px $gray_light;\r\n  box-sizing: border-box;\r\n  clear: both;\r\n  cursor: pointer;\r\n  display: block;\r\n  float: left;\r\n  font-family: inherit;\r\n  font-size: $font_size;\r\n  font-weight: normal;\r\n  height: $input_height;\r\n  line-height: $input_height - 2;\r\n  outline: none;\r\n  padding-left: $dropdown_padding;\r\n  padding-right: $dropdown_padding + 12;\r\n  position: relative;\r\n  text-align: left !important;\r\n  transition: all 0.2s ease-in-out;\r\n  user-select: none;\r\n  white-space: nowrap;\r\n  width: auto;\r\n  &:hover {\r\n    border-color: darken($gray_light, 5%);\r\n  }\r\n  &:active, &:focus {\r\n    border-color: $primary_light;\r\n  }\r\n  // Arrow\r\n  &:after { \r\n    border-bottom: 2px solid $arrow_color;\r\n    border-right: 2px solid $arrow_color;\r\n    content: '';\r\n    display: block; \r\n    height: 5px;\r\n    margin-top: -4px;\r\n    pointer-events: none;\r\n    position: absolute; \r\n    right: 12px; \r\n    top: 50%; \r\n    transform-origin: 66% 66%;\r\n    transform: rotate(45deg);\r\n    transition: all 0.15s ease-in-out;\r\n    width: 5px;\r\n  }\r\n  \r\n  &.open {\r\n    @extend :active;\r\n    &:after {\r\n      transform: rotate(-135deg);\r\n    }\r\n    .nice-select-dropdown {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n      transform: scale(1) translateY(0);\r\n    }\r\n  }\r\n  &.disabled {\r\n    border-color: lighten($gray_light, 2%);\r\n    color: $gray;\r\n    pointer-events: none;\r\n    &:after { \r\n      border-color: lighten($arrow_color, 20%);\r\n    }\r\n  }\r\n  \r\n  // Modifiers\r\n  &.wide {\r\n    width: 100%;\r\n    .nice-select-dropdown {\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n    }\r\n  }\r\n  &.right {\r\n    float: right;\r\n    .nice-select-dropdown {\r\n      left: auto;\r\n      right: 0;\r\n    }\r\n  }\r\n  &.small {\r\n    font-size: $font_size_small;\r\n    height: $input_height_small;\r\n    line-height: $input_height_small - 2;\r\n    &:after { \r\n      height: 4px;\r\n      width: 4px;\r\n    }\r\n    .option {\r\n      line-height: $input_height_small - 2;\r\n      min-height: $input_height_small - 2;\r\n    }\r\n  }\r\n\r\n  .nice-select-dropdown{\r\n    margin-top: 4px;\r\n    background-color: #fff;\r\n    border-radius: $input_border_radius;\r\n    box-shadow: 0 0 0 1px rgba($gray_dark, .11);\r\n\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 100%; left: 0;\r\n    transform-origin: 50% 0;\r\n    transform: scale(.75) translateY(- math.div(-$input-height, 2));\r\n    transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;\r\n    z-index: 9;\r\n    opacity: 0;\r\n  }\r\n\r\n  // List and options\r\n  .list {\r\n    border-radius: $input_border_radius;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    max-height: 210px;\r\n    overflow-y: auto;\r\n\r\n    &:hover .option:not(:hover) {\r\n      background-color: transparent !important;\r\n    }\r\n  }\r\n  .option {\r\n    cursor: pointer;\r\n    font-weight: 400;\r\n    line-height: $input_height + 2;\r\n    list-style: none;\r\n    outline: none;\r\n    padding-left: $dropdown_padding;\r\n    padding-right: $dropdown_padding + 11;\r\n    text-align: left;\r\n    transition: all 0.2s;\r\n    &:hover, &.focus, &.selected.focus { \r\n      background-color: $gray_lighter;\r\n    }\r\n    &.selected { \r\n      font-weight: bold;\r\n    }\r\n    &.disabled {\r\n      background-color: transparent;\r\n      color: $gray;\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .extra {\r\n    float: right;\r\n  }\r\n  \r\n  .optgroup{\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n// Use display instead of opacity for IE <= 10\r\n.no-csspointerevents .nice-select {\r\n  .nice-select-dropdown {\r\n    display: none;\r\n  }\r\n  &.open {\r\n    .nice-select-dropdown {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.nice-select .list::-webkit-scrollbar {\r\n  width: 0\r\n}\r\n\r\n\r\n\r\n\r\n.nice-select{\r\n  .has-multiple {\r\n    white-space: inherit;\r\n    height: auto;\r\n    padding: 7px 12px;\r\n    min-height: 36px;\r\n    line-height: 22px;\r\n\r\n    span.current {\r\n      border: 1px solid #CCC;\r\n      background: #EEE;\r\n      padding: 0 10px;\r\n      border-radius: 3px;\r\n      display: inline-block;\r\n      line-height: 24px;\r\n      font-size: 14px;\r\n      margin-bottom: 3px;\r\n      margin-right: 3px\r\n    }\r\n\r\n    .multiple-options {\r\n      display: block;\r\n      line-height: 24px;\r\n      padding: 0\r\n    }\r\n  }\r\n\r\n  .nice-select-search-box {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    padding: 5px;\r\n    pointer-events: none;\r\n    border-radius: 5px 5px 0 0;\r\n  }\r\n\r\n  .nice-select-search {\r\n    box-sizing: border-box;\r\n    background-color: #fff;\r\n    border: 1px solid $gray_light;\r\n    border-radius: 3px;\r\n    color: $gray_dark;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    padding: 7px 12px;\r\n    margin: 0 10px 0 0;\r\n    width: 100%;\r\n    min-height: 36px;\r\n    line-height: 22px;\r\n    height: auto;\r\n    outline: 0!important;\r\n    font-size: $font_size;\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}