mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
Fix [type="range"]:focus
This commit is contained in:
parent
c89db4ec2d
commit
c4fb3ec4af
10 changed files with 33 additions and 10 deletions
|
@ -1315,7 +1315,7 @@ label > textarea {
|
|||
}
|
||||
|
||||
[type="range"]:focus {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:focus::-webkit-slider-runnable-track {
|
||||
|
@ -1334,6 +1334,10 @@ label > textarea {
|
|||
box-shadow: 0 0 0 0.1rem var(--input-focus);
|
||||
}
|
||||
|
||||
[type="range"]:active {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:active::-webkit-slider-thumb {
|
||||
transform: scale(1.25);
|
||||
background-color: var(--primary);
|
||||
|
|
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1533,7 +1533,7 @@ label > textarea {
|
|||
}
|
||||
|
||||
[type="range"]:focus {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:focus::-webkit-slider-runnable-track {
|
||||
|
@ -1552,6 +1552,10 @@ label > textarea {
|
|||
box-shadow: 0 0 0 0.1rem var(--input-focus);
|
||||
}
|
||||
|
||||
[type="range"]:active {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:active::-webkit-slider-thumb {
|
||||
transform: scale(1.25);
|
||||
background-color: var(--primary);
|
||||
|
|
|
@ -1311,7 +1311,7 @@ label > textarea {
|
|||
}
|
||||
|
||||
[type="range"]:focus {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:focus::-webkit-slider-runnable-track {
|
||||
|
@ -1330,6 +1330,10 @@ label > textarea {
|
|||
box-shadow: 0 0 0 0.1rem var(--input-focus);
|
||||
}
|
||||
|
||||
[type="range"]:active {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[type="range"]:active::-webkit-slider-thumb {
|
||||
transform: scale(1.25);
|
||||
background-color: var(--primary);
|
||||
|
|
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.slim.min.css
vendored
2
css/pico.slim.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -201,7 +201,13 @@
|
|||
}
|
||||
|
||||
&:focus {
|
||||
|
||||
@if $enable-important {
|
||||
background: transparent !important;
|
||||
}
|
||||
@else {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
// Slider Track
|
||||
&::-webkit-slider-runnable-track {
|
||||
|
@ -223,6 +229,13 @@
|
|||
|
||||
&:active {
|
||||
|
||||
@if $enable-important {
|
||||
background: transparent !important;
|
||||
}
|
||||
@else {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
// Slider Thumb
|
||||
&::-webkit-slider-thumb {
|
||||
transform: scale(1.25);
|
||||
|
|
|
@ -281,7 +281,6 @@ form small {
|
|||
color: var(--muted-text);
|
||||
}
|
||||
|
||||
// Helper: padding
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
|
|
|
@ -89,5 +89,4 @@
|
|||
|
||||
// Transitions: <a>, <form> elements and <button>
|
||||
--transition: .2s ease-in-out;
|
||||
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue