RetailCRM-Mirror/vue-formulario
1
0
Fork 0
mirror of synced 2025-01-19 00:41:43 +03:00
Code Issues Projects Releases Wiki Activity

Removes border from slider thumb

Browse Source
This commit is contained in:
Justin Schroeder 2020-05-04 16:29:39 -04:00
parent 0ab4009e0e
commit 3bef91aff1
3 changed files with 46 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
dist/snow.css vendored
View File

@ -1,5 +1,6 @@
.formulate-input {
margin-bottom: 1.5em; }
margin-bottom: 1.5em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.formulate-input .formulate-input-label {
display: block;
line-height: 1.5;
@ -27,7 +28,14 @@
line-height: 1.5;
margin-bottom: .25em; }
.formulate-input .formulate-input-group-item {
margin-bottom: .5em; }
margin-bottom: 1.5em;
padding: 1.5em;
border: 1px solid #efefef;
border-radius: .25em; }
.formulate-input .formulate-input-group-item:last-child {
margin-bottom: 1.5em;
border-bottom: 0;
padding-bottom: 0; }
.formulate-input:last-child {
margin-bottom: 0; }
.formulate-input[data-classification='text'] input {
@ -120,6 +128,7 @@
height: 1em;
border-radius: 1em;
background-color: #41b883;
border: 0;
margin-top: calc(-.5em + 2px); }
.formulate-input[data-classification='slider'] input::-moz-range-thumb {
cursor: pointer;
@ -128,6 +137,7 @@
height: 1em;
border-radius: 1em;
background-color: #41b883;
border: 0;
margin-top: calc(-.5em + 2px); }
.formulate-input[data-classification='slider'] input::-ms-thumb {
cursor: pointer;
@ -136,6 +146,7 @@
height: 1em;
border-radius: 1em;
background-color: #41b883;
border: 0;
margin-top: calc(-.5em + 2px); }
.formulate-input[data-classification='slider'] input::-webkit-slider-runnable-track {
appearance: none;
@ -145,6 +156,14 @@
border-radius: 3px;
margin: 0;
padding: 0; }
.formulate-input[data-classification='slider'] input::-moz-range-track {
appearance: none;
width: 100%;
height: 4px;
background-color: #efefef;
border-radius: 3px;
margin: 0;
padding: 0; }
.formulate-input[data-classification='textarea'] textarea {
appearance: none;
border-radius: .3em;
@ -194,6 +213,9 @@
.formulate-input[data-classification='button'] button:focus {
outline: 0;
border: 1px solid #41b883; }
.formulate-input[data-classification='button'] button[data-secondary] {
background-color: transparent;
border: 1px solid #41b883; }
.formulate-input[data-classification='button'] button[disabled] {
background-color: #cecece;
border-color: #cecece; }

2
dist/snow.min.css vendored
View File

File diff suppressed because one or more lines are too long

22
themes/snow/_inputs.scss
View File

@ -3,6 +3,7 @@
.formulate-input {
margin-bottom: 1.5em;
font-family: $formulate-font-stack;
.formulate-input-label {
display: block;
@ -41,7 +42,16 @@
}
.formulate-input-group-item {
margin-bottom: .5em;
margin-bottom: 1.5em;
padding: 1.5em;
border: 1px solid $formulate-gray;
border-radius: .25em;
&:last-child {
margin-bottom: 1.5em;
border-bottom: 0;
padding-bottom: 0;
}
}
&:last-child {
@ -156,6 +166,7 @@
height: 1em;
border-radius: 1em;
background-color: $formulate-green;
border: 0;
margin-top: calc(-.5em + 2px);
}
@ -184,6 +195,10 @@
&::-webkit-slider-runnable-track {
@include track;
}
&::-moz-range-track {
@include track;
}
}
}
@ -212,6 +227,11 @@
display: inline-flex;
align-items: center;
&[data-secondary] {
background-color: transparent;
border: 1px solid $formulate-green;
}
&[disabled] {
background-color: $formulate-gray-d;
border-color: $formulate-gray-d;