fuelux
Version:
Base Fuel UX styles and controls
83 lines (69 loc) • 1.15 kB
text/less
@import "fuelux-core.less";
.fuelux {
.spinbox {
display: inline-block;
position: relative;
&.digits-3 {
width: 60px;
}
&.disabled {
.spinbox-buttons {
cursor: not-allowed;
}
}
.spinbox-input {
float: left;
padding-bottom: 3px; /* Magic number */
padding: 0px 25px 0px 7px;
&::-ms-clear {
display:none;
}
}
.btn {
position: relative;
width: 20px;
height: 13px;
padding-top: 0;
padding-right: 9px;
padding-left: 9px;
overflow-y: hidden;
&.disabled {
cursor: not-allowed;
}
}
.spinbox-buttons {
position: absolute;
height: 28px;
width: 20px;
right: 2px;
}
.spinbox-up {
padding: 0 0 14px 1px;
top: 2px;
.glyphicon-chevron-up {
position:relative;
top: 0px;
}
}
// fix radius from BS btn-group
.btn-group > .btn.spinbox-up {
border-top-right-radius: 4px;
}
.spinbox-down {
padding: 0 0 8px 1px;
top: 2px;
height: 15px;
border-bottom-left-radius: 4px;
.glyphicon-chevron-down {
position: relative;
left: 0;
top: 0;
}
}
input {
&::-ms-clear {
display:none;
}
}
}
}