cloud-ui.vusion
Version:
Vusion Cloud UI
59 lines (43 loc) • 960 B
CSS
@import 'proto-ui.vusion/src/u-number-input.vue/module.css';
.button {
background: none;
}
.button[role="up"] {
top: 3px;
}
.button[role="down"] {
bottom: 3px;
}
.button[role="up"]:before {
icon-font: url(../u-icon.vue/icons/keyboard-arrow-up.svg);
}
.button[role="down"]:before {
icon-font: url(../u-icon.vue/icons/keyboard-arrow-down.svg);
}
.button[class]:before {
width: 1em;
display: inline-block;
font-size: 16px;
color: #989898;
}
.button:hover {
background: none;
}
.button[disabled] {
cursor: not-allowed;
opacity: 0.65;
background: none;
}
.button[class]:hover:before {
color: $brand-primary;
}
.button[disabled]:hover:before {
color: #989898;
}
.root[readonly] .button {
background: none;
cursor: default;
}
.root[disabled] .button { background: none; }
.root[readonly] .button:hover:before {color: #989898; }
.root[disabled] .button:hover:before {color: #989898; }