Sitelet https://github.com/ConciseCSS/concise.css/commit/06ebfb10cd5174dbb91049893c41e51ec050330e
Skip to content

Commit 06ebfb1

Browse files
author
James Kolce
committed
[fix: #235] Fix range inputs
1 parent 0d15cfa commit 06ebfb1

5 files changed

Lines changed: 44 additions & 20 deletions

File tree

‎dist/concise.css‎

Lines changed: 37 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -273,17 +273,39 @@ input[type="range"] {
273273
-webkit-appearance: none; }
274274
input[type="range"]:focus {
275275
outline: none; }
276-
input[type="range"]::range-track {
277-
background-color: #DCDCDC;
278-
border: none;
279-
height: 0.3rem; }
280-
input[type="range"] ::range-thumb {
281-
border: none;
282-
border-radius: 50%;
283-
background-color: #C65146;
284-
height: 0.75rem;
285-
margin-top: -0.225rem;
286-
width: 0.75rem; }
276+
input[type="range"]::-moz-range-track{
277+
background-color: #DCDCDC;
278+
border: none;
279+
height: 0.3rem; }
280+
input[type="range"]::-ms-track{
281+
background-color: #DCDCDC;
282+
border: none;
283+
height: 0.3rem; }
284+
input[type="range"]::-webkit-slider-runnable-track{
285+
background-color: #DCDCDC;
286+
border: none;
287+
height: 0.3rem; }
288+
input[type="range"]::-moz-range-thumb{
289+
border: none;
290+
border-radius: 50%;
291+
background-color: #C65146;
292+
height: 0.75rem;
293+
margin-top: -0.225rem;
294+
width: 0.75rem; }
295+
input[type="range"]::-ms-thumb{
296+
border: none;
297+
border-radius: 50%;
298+
background-color: #C65146;
299+
height: 0.75rem;
300+
margin-top: -0.225rem;
301+
width: 0.75rem; }
302+
input[type="range"]::-webkit-slider-thumb{
303+
border: none;
304+
border-radius: 50%;
305+
background-color: #C65146;
306+
height: 0.75rem;
307+
margin-top: -0.225rem;
308+
width: 0.75rem; }
287309
input[type="range"]::-webkit-slider-thumb {
288310
-webkit-appearance: none; }
289311

@@ -420,7 +442,6 @@ ol {
420442
input:not([type="submit"]),
421443
select,
422444
textarea {
423-
border: 1px solid #DCDCDC;
424445
-webkit-transition-duration: 150ms;
425446
transition-duration: 150ms;
426447
width: 100%;
@@ -438,8 +459,10 @@ textarea {
438459
cursor: not-allowed;
439460
border: 0; }
440461

441-
input:not([type="submit"]),
442-
select {
462+
input:not([type="submit"]):not([type="range"]),
463+
select,
464+
textarea {
465+
border: 1px solid #DCDCDC;
443466
padding: 0 0.75em; }
444467

445468
input[type="checkbox"],

‎dist/concise.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
},
2727
"devDependencies": {
2828
"chokidar-cli": "^1.2.0",
29-
"concise-cli": "^0.3.0",
29+
"concise-cli": "^0.4.1",
3030
"cssnano-cli": "^1.0.4",
3131
"http-server": "^0.9.0",
3232
"jake": "^8.0.15",

‎src/_base.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -555,7 +555,7 @@ input[type="range"] {
555555
height: 0.2lh;
556556
}
557557

558-
::range-thumb {
558+
&::range-thumb {
559559
border: none;
560560
border-radius: 50%;
561561
background-color: getColor(base, primary);

‎src/_forms.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
input:not([type="submit"]),
66
select,
77
textarea {
8-
border: 1px solid getColor(base, lines);
98
transition-duration: $transition-duration;
109
width: 100%;
1110
font-size: typeScale(1);
@@ -23,8 +22,10 @@ textarea {
2322
}
2423
}
2524

26-
input:not([type="submit"]),
27-
select {
25+
input:not([type="submit"]):not([type="range"]),
26+
select,
27+
textarea {
28+
border: 1px solid getColor(base, lines);
2829
padding: 0 0.75em;
2930
}
3031

0 commit comments

Comments
 (0)