[DE] Edit styles in 'Numbering Value'
This commit is contained in:
parent
38f3d5ad37
commit
62c542cf84
|
@ -8,6 +8,35 @@
|
||||||
// Stepper
|
// Stepper
|
||||||
.content-block.stepper-block {
|
.content-block.stepper-block {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
|
||||||
|
.stepper.stepper-large {
|
||||||
|
height: 35px;
|
||||||
|
border-radius: var(--f7-button-border-radius);
|
||||||
|
box-shadow: var(--f7-button-box-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-button-minus, .stepper-button-plus {
|
||||||
|
color: #446995;
|
||||||
|
border: 1px solid #446995;
|
||||||
|
|
||||||
|
&:before, &:after{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-button-minus.active-state, .stepper-button-plus.active-state {
|
||||||
|
background-color: var(--f7-list-link-pressed-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-input-wrap {
|
||||||
|
border-top: 1px solid #446995;
|
||||||
|
border-bottom: 1px solid #446995;
|
||||||
|
input {
|
||||||
|
color: #000;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: var(--f7-list-item-after-line-height);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -56,7 +56,35 @@
|
||||||
.content-block.stepper-block {
|
.content-block.stepper-block {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 30px 0 0;
|
margin: 25px 0 0;
|
||||||
|
|
||||||
|
.stepper {
|
||||||
|
--f7-touch-ripple-color: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-button, .stepper-button-minus, .stepper-button-plus {
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
&:before, &:after{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-button-minus.active-state, .stepper-button-plus.active-state {
|
||||||
|
background-color: var(--f7-list-link-pressed-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stepper-input-wrap{
|
||||||
|
border:none;
|
||||||
|
|
||||||
|
input {
|
||||||
|
color: #000;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 40px;
|
||||||
|
font-weight: var(--f7-list-item-after-line-height);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue