jquery-custom-select
Version:
Custom Select jQuery Plugin
14 lines • 8.14 kB
Source Map (JSON)
{
"version": 3,
"file": "jquery.custom-select.min.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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"
}