54 lines
1.1 KiB
SCSS
54 lines
1.1 KiB
SCSS
|
/* *******************
|
||
|
|
counter style
|
||
|
|
**********************/
|
||
|
|
|
||
|
|
.product-count {
|
||
|
|
&.style {
|
||
|
|
input {
|
||
|
|
color: $color-dark;
|
||
|
|
background-color: $color-white;
|
||
|
|
height: 54px;
|
||
|
|
padding: 10px 30px 10px 10px;
|
||
|
|
width: 80px;
|
||
|
|
border: 1px solid $border-color;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-appearance: textfield;
|
||
|
|
-moz-appearance: textfield;
|
||
|
|
appearance: textfield;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="number"] {
|
||
|
|
-webkit-appearance: textfield;
|
||
|
|
-moz-appearance: textfield;
|
||
|
|
appearance: textfield;
|
||
|
|
&::-webkit-inner-spin-button,
|
||
|
|
&::-webkit-outer-spin-button {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.count-btn {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 0px;
|
||
|
|
border-left: 1px solid $border-color;
|
||
|
|
display: block;
|
||
|
|
width: 20px;
|
||
|
|
height: 27px;
|
||
|
|
padding: 0px;
|
||
|
|
text-align: center;
|
||
|
|
color: $color-dark;
|
||
|
|
font-size: 10px;
|
||
|
|
@include transform(translateX(-100%));
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
.increment {
|
||
|
|
border-bottom: 1px solid $border-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* *******************
|
||
|
|
counter style End
|
||
|
|
**********************/
|