framework7/lazy-components/smart-select.rtl.css

Full featured mobile HTML framework for building iOS & Android apps

.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.sheet-modal.smart-select-sheet .sheet-modal-inner{background:#fff}.sheet-modal.smart-select-sheet .list{margin:0}.sheet-modal.smart-select-sheet .list ul:before{display:none!important}.sheet-modal.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios .smart-select-sheet .page{background:#fff}.ios .smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .smart-select-sheet .page,.ios .theme-dark .smart-select-sheet .sheet-modal-inner{background-color:#1c1c1d}.ios .theme-dark .smart-select-sheet .toolbar:after{background-color:#282829}.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner{background-color:transparent}