mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 16:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: dropdown label

Browse source
This commit is contained in:
Lucas Larroche 2023-03-19 01:51:49 +07:00
parent 6c80b87a80
commit dbb9c25d78
10 changed files with 31 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

12
css/pico.classless.css
View file

@ -2048,16 +2048,16 @@ nav li a + ul li a:active,
nav li a + ul li a:focus-visible { nav li a + ul li a:focus-visible {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li label,
nav li button + ul li label,
nav li a + ul li label {
width: 100%;
}
details[role=list] summary + ul li:has(label):hover, details[role=list] summary + ul li:has(label):hover,
nav li button + ul li:has(label):hover, nav li button + ul li:has(label):hover,
nav li a + ul li:has(label):hover { nav li a + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li:has(label):hover label,
nav li button + ul li:has(label):hover label,
nav li a + ul li:has(label):hover label {
cursor: pointer;
}
nav li button + ul, nav li button + ul,
nav li a + ul { nav li a + ul {
@ -2336,6 +2336,8 @@ progress::-webkit-progress-bar {
} }
progress[value]::-webkit-progress-value { progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
} }
progress::-moz-progress-bar { progress::-moz-progress-bar {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

12
css/pico.css
View file

@ -2157,16 +2157,16 @@ nav li a + ul li a:active,
nav li a + ul li a:focus-visible { nav li a + ul li a:focus-visible {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li label,
nav li button + ul li label,
nav li a + ul li label {
width: 100%;
}
details[role=list] summary + ul li:has(label):hover, details[role=list] summary + ul li:has(label):hover,
nav li button + ul li:has(label):hover, nav li button + ul li:has(label):hover,
nav li a + ul li:has(label):hover { nav li a + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li:has(label):hover label,
nav li button + ul li:has(label):hover label,
nav li a + ul li:has(label):hover label {
cursor: pointer;
}
nav li button + ul, nav li button + ul,
nav li a + ul { nav li a + ul {
@ -2506,6 +2506,8 @@ progress::-webkit-progress-bar {
} }
progress[value]::-webkit-progress-value { progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
} }
progress::-moz-progress-bar { progress::-moz-progress-bar {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

12
css/pico.fluid.classless.css
View file

@ -2018,16 +2018,16 @@ nav li a + ul li a:active,
nav li a + ul li a:focus-visible { nav li a + ul li a:focus-visible {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li label,
nav li button + ul li label,
nav li a + ul li label {
width: 100%;
}
details[role=list] summary + ul li:has(label):hover, details[role=list] summary + ul li:has(label):hover,
nav li button + ul li:has(label):hover, nav li button + ul li:has(label):hover,
nav li a + ul li:has(label):hover { nav li a + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details[role=list] summary + ul li:has(label):hover label,
nav li button + ul li:has(label):hover label,
nav li a + ul li:has(label):hover label {
cursor: pointer;
}
nav li button + ul, nav li button + ul,
nav li a + ul { nav li a + ul {
@ -2306,6 +2306,8 @@ progress::-webkit-progress-bar {
} }
progress[value]::-webkit-progress-value { progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
} }
progress::-moz-progress-bar { progress::-moz-progress-bar {
background-color: var(--pico-progress-color); background-color: var(--pico-progress-color);

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

8
scss/components/_dropdown.scss
View file

@ -204,12 +204,12 @@
} }
} }
label {
width: 100%;
}
&:has(label):hover { &:has(label):hover {
background-color: var(#{$✨}dropdown-hover-background-color); background-color: var(#{$✨}dropdown-hover-background-color);
label {
cursor: pointer;
}
} }
} }
} }