Permalink
| .dropdownjs { | |
| position: relative; | |
| } | |
| .dropdownjs * { | |
| box-sizing: border-box; | |
| } | |
| .dropdownjs > input { | |
| width: 100%; | |
| cursor: pointer !important; | |
| } | |
| .dropdownjs > input.focus ~ ul { | |
| transform: scale(1); | |
| } | |
| .dropdownjs > ul { | |
| position: absolute; | |
| padding: 0; | |
| margin: 0; | |
| min-width: 200px; | |
| transform: scale(0); | |
| z-index: 10000; | |
| } | |
| .dropdownjs > ul[placement=top-left] { | |
| transform-origin: bottom left; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .dropdownjs > ul[placement=bottom-left] { | |
| transform-origin: top left; | |
| top: 0; | |
| left: 0; | |
| } | |
| .dropdownjs > ul > li { | |
| list-style: none; | |
| padding: 10px 20px; | |
| } | |
| /* Theme */ | |
| .dropdownjs > input { | |
| cursor: pointer; | |
| } | |
| .dropdownjs > ul { | |
| background: #FFF; | |
| box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12); | |
| transition: transform 0.2s ease-out; | |
| padding: 10px; | |
| overflow: auto; | |
| } | |
| .dropdownjs > ul > li { | |
| cursor: pointer; | |
| } | |
| .dropdownjs > ul > li.selected, | |
| .dropdownjs > ul > li:active { | |
| background-color: #eaeaea; | |
| } | |
| .dropdownjs > ul > li:focus { | |
| outline: 0; | |
| background-color: #d4d4d4; | |
| } |