jquery-custom-select
Version:
Custom Select jQuery Plugin
14 lines • 8.18 kB
Source Map (JSON)
{
"version": 3,
"file": "jquery.custom-select.css",
"sources": [
"../../sass/jquery.custom-select.scss",
"../../sass/_base.scss"
],
"sourcesContent": [
"@import \"base\";\r\n\r\n/*\r\n * Custom Select jQuery Plugin Theme\r\n */\r\n\r\n$white: #fff !default;\r\n\r\n.#{$custom-select-block} {\r\n $_gutter: 0.75rem;\r\n $_color: #212121;\r\n\r\n &__option {\r\n position: relative;\r\n padding: 0.375rem $_gutter;\r\n font-size: 1rem;\r\n color: $_color;\r\n line-height: 1.5;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: darken($white, 2.5%);\r\n }\r\n\r\n &--value {\r\n padding-right: $_gutter * 2 + 0.375rem;\r\n background-color: $white;\r\n border: 1px solid darken($white, 10%);\r\n border-radius: 0.25rem;\r\n\r\n &::after {\r\n position: absolute;\r\n box-sizing: border-box;\r\n width: 0;\r\n height: 0;\r\n top: 50%;\r\n right: $_gutter;\r\n border-width: 0.3rem;\r\n border-bottom-width: 0;\r\n border-style: solid;\r\n border-color: currentColor transparent;\r\n transform: translateY(-50%);\r\n content: \"\";\r\n\r\n .#{$custom-select-block}--active & {\r\n transform: translateY(-50%) rotate(-180deg);\r\n }\r\n }\r\n\r\n .#{$custom-select-block}--active & {\r\n border-bottom-color: transparent;\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: $white;\r\n }\r\n\r\n @at-root {\r\n .#{$custom-select-block}--dropup#{&} {\r\n border-top-color: transparent;\r\n border-bottom-color: darken($white, 10%);\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &--selected {\r\n background-color: darken($white, 1.25%);\r\n }\r\n\r\n &[disabled] {\r\n color: lighten($_color, 50%);\r\n cursor: default;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n\r\n &__option-wrap {\r\n overflow-y: auto;\r\n max-height: (0.375rem * 2 + 1rem * 1.5) * 5;\r\n\r\n &::-webkit-scrollbar {\r\n width: 16px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-color: darken($white, 10%);\r\n background-clip: padding-box;\r\n border-width: 0 4px;\r\n border-style: solid;\r\n border-color: transparent;\r\n }\r\n }\r\n\r\n &__input {\r\n position: relative;\r\n z-index: 1;\r\n height: 2.25rem;\r\n margin-top: -1px;\r\n padding: 0 $_gutter;\r\n border-color: darken($white, 10%);\r\n transform: translateY(1px);\r\n font-size: 1rem;\r\n color: $_color;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .#{$custom-select-block}--dropup & {\r\n border-top-width: 0;\r\n margin-top: 0;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n &__dropdown {\r\n overflow: hidden;\r\n z-index: 1;\r\n top: calc(100% - 1px);\r\n background-color: $white;\r\n border-width: 0 1px 1px;\r\n border-style: solid;\r\n border-color: darken($white, 10%);\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n\r\n .#{$custom-select-block}--dropup & {\r\n bottom: calc(100% - 1px);\r\n border-width: 1px 1px 0;\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n }\r\n }\r\n}\r\n",
"/*\r\n * Custom Select jQuery Plugin Base\r\n */\r\n\r\n$custom-select-block: \"custom-select\" !default;\r\n\r\n.#{$custom-select-block} {\r\n position: relative;\r\n\r\n &__option {\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n display: block;\r\n width: 100%;\r\n padding: 0;\r\n background-color: transparent;\r\n border: 0;\r\n border-radius: 0;\r\n font-family: inherit;\r\n white-space: nowrap;\r\n text-align: left;\r\n text-overflow: ellipsis;\r\n cursor: pointer;\r\n user-select: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n &__option-wrap {\r\n position: relative;\r\n }\r\n\r\n &__input {\r\n box-sizing: border-box;\r\n display: block;\r\n width: 100%;\r\n padding: 0;\r\n border-width: 1px 0;\r\n border-style: solid;\r\n border-radius: 0;\r\n font-family: inherit;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n &__dropdown {\r\n position: absolute;\r\n box-sizing: border-box;\r\n width: 100%;\r\n top: 100%;\r\n left: 0;\r\n\r\n .#{$custom-select-block}--dropup & {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n}\r\n"
],
"names": [],
"mappings": "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"
}