@foxone/finance-ui
Version:
The Financial UI Component Library Based on @foxone/uikit and vuetify
1 lines • 1.37 kB
CSS
.finance-ui-risk-slider{width:100%}.finance-ui-risk-slider-tips{margin-top:6px}.finance-ui-risk-slider-tips-highlight{margin-left:2px}.finance-ui-risk-slider .vue-slider-disabled{opacity:1}.finance-ui-risk-slider .vue-slider-rail .vue-slider-process{background-color:transparent}.finance-ui-risk-slider .vue-slider-rail .vue-slider-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:none}.finance-ui-risk-slider .vue-slider-dot .vue-slider-dot-handle{width:auto;height:auto}.finance-ui-risk-slider .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.finance-ui-risk-slider .vue-slider-dot.vue-slider-dot-disabled{opacity:1}.finance-ui-risk-slider .vue-slider-dot-handle-disabled{background:#fff}.theme--dark .finance-ui-risk-slider .vue-slider-disabled{opacity:1}.theme--dark .finance-ui-risk-slider .vue-slider-rail .vue-slider-process{background-color:transparent}.theme--dark .finance-ui-risk-slider .vue-slider-rail .vue-slider-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:none}.theme--dark .finance-ui-risk-slider .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.theme--dark .finance-ui-risk-slider .vue-slider-dot.vue-slider-dot-disabled{opacity:1}.theme--dark .finance-ui-risk-slider .vue-slider-dot-handle-disabled{background:#fff}