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,aACE,0CACA,sBACA,iBAhBoB,CAiBpB,yBACA,sBACA,WACA,eACA,cACA,WACA,oBACA,cA3BU,CA4BV,mBACA,WAzBa,CA0Bb,iBACA,aACA,iBA1BiB,CA2BjB,mBACA,kBACA,2BACA,+BACA,iBACA,mBACA,WACA,mBACE,qBAEF,yDACE,iBAnCG,CAsCL,mBACE,6BACA,4BACA,WACA,cACA,WACA,gBACA,oBACA,kBACA,WACA,QACA,yBACA,wBACA,gCACA,UAKA,wBACE,0BAEF,wCACE,UACA,oBACA,iCAGJ,sBACE,qBACA,UApEG,CAqEH,oBACA,4BACE,kBAKJ,kBACE,WACA,wCACE,kBACA,mBAGJ,mBACE,YACA,yCACE,UACA,QAGJ,mBACE,cAnGc,CAoGd,WAhGiB,CAiGjB,iBACA,yBACE,WACA,UAEF,2BACE,iBACA,gBAIJ,mCACE,eACA,sBACA,iBAjHkB,CAkHlB,wCAEA,oBACA,kBACA,gBACA,uBACA,uCACA,uEACA,UACA,UAIF,mBACE,iBAhIkB,CAiIlB,sBACA,gBACA,UACA,iBACA,gBAEA,6CACE,0CAGJ,qBACE,eACA,gBACA,iBACA,gBACA,aACA,iBA9Ie,CA+If,mBACA,gBACA,mBACA,0FACE,wBA9IS,CAgJX,8BACE,iBAEF,8BACE,+BACA,UAvJC,CAwJD,eAIJ,uBACE,iBAMF,wDACE,aAGA,6DACE,cAMN,sCACE,QAOA,2BACE,oBACA,YACA,iBACA,gBACA,iBAEA,wCACE,sBACA,gBACA,eACA,kBACA,qBACA,iBACA,eACA,kBACA,iBAGF,6CACE,cACA,iBACA,UAIJ,qCACE,sBACA,WACA,YACA,oBACA,0BAGF,iCACE,sBACA,sBACA,yBACA,kBACA,UA9NQ,CA+NR,qBACA,sBACA,iBACA,kBACA,WACA,gBACA,iBACA,YACA,qBACA,cAhPQ,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  .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":""}