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

chore(nav): Optimize selectors

Browse source
This commit is contained in:
Lucas Larroche 2022-03-06 13:40:49 +07:00
parent 77cdcc6e4a
commit afda3f529b
13 changed files with 17 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/pico.classless.css
View file

@ -1873,19 +1873,14 @@ nav li {
nav li > * { nav li > * {
--spacing: 0; --spacing: 0;
} }
nav a, nav :where(a, [role="link"]) {
nav [role=link] {
display: inline-block; display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1); margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
border-radius: var(--border-radius); border-radius: var(--border-radius);
text-decoration: none; text-decoration: none;
} }
nav a[aria-current], nav a:hover, nav a:active, nav a:focus, nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
nav [role=link][aria-current],
nav [role=link]:hover,
nav [role=link]:active,
nav [role=link]:focus {
text-decoration: none; text-decoration: none;
} }

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

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

File diff suppressed because one or more lines are too long

9
css/pico.css
View file

@ -2112,19 +2112,14 @@ nav li {
nav li > * { nav li > * {
--spacing: 0; --spacing: 0;
} }
nav a, nav :where(a, [role="link"]) {
nav [role=link] {
display: inline-block; display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1); margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
border-radius: var(--border-radius); border-radius: var(--border-radius);
text-decoration: none; text-decoration: none;
} }
nav a[aria-current], nav a:hover, nav a:active, nav a:focus, nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
nav [role=link][aria-current],
nav [role=link]:hover,
nav [role=link]:active,
nav [role=link]:focus {
text-decoration: none; text-decoration: none;
} }

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

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

@ -1843,19 +1843,14 @@ nav li {
nav li > * { nav li > * {
--spacing: 0; --spacing: 0;
} }
nav a, nav :where(a, [role="link"]) {
nav [role=link] {
display: inline-block; display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1); margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
border-radius: var(--border-radius); border-radius: var(--border-radius);
text-decoration: none; text-decoration: none;
} }
nav a[aria-current], nav a:hover, nav a:active, nav a:focus, nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
nav [role=link][aria-current],
nav [role=link]:hover,
nav [role=link]:active,
nav [role=link]:focus {
text-decoration: none; text-decoration: none;
} }

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.fluid.classless.min.css.map
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

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

File diff suppressed because one or more lines are too long

8
scss/components/_nav.scss
View file

@ -38,8 +38,7 @@ nav {
} }
} }
a, :where(a, [role="link"]) {
[role="link"] {
display: inline-block; display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1) margin: calc(var(--nav-link-spacing-vertical) * -1)
calc(var(--nav-link-spacing-horizontal) * -1); calc(var(--nav-link-spacing-horizontal) * -1);
@ -47,10 +46,7 @@ nav {
border-radius: var(--border-radius); border-radius: var(--border-radius);
text-decoration: none; text-decoration: none;
&[aria-current], &:is([aria-current], :hover, :active, :focus) {
&:hover,
&:active,
&:focus {
text-decoration: none; text-decoration: none;
} }
} }