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

patch: make nav start and end margins positive

Browse source
This commit is contained in:
kevinnls 2023-10-12 21:51:17 +05:30
parent 5ce6840d49
commit e2c8be0c97
No known key found for this signature in database
GPG key ID: E5841A34DCDEF53F
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
scss/components/_nav.scss
View file

@ -31,10 +31,10 @@ nav {
list-style: none; list-style: none;
&:first-of-type { &:first-of-type {
margin-left: calc(var(--nav-element-spacing-horizontal) * -1); margin-left: max(var(--nav-element-spacing-horizontal), -1 * var(--nav-element-spacing-horizontal));
} }
&:last-of-type { &:last-of-type {
margin-right: calc(var(--nav-element-spacing-horizontal) * -1); margin-right: max(var(--nav-element-spacing-horizontal), -1 * var(--nav-element-spacing-horizontal));
} }
} }
@ -52,8 +52,9 @@ nav {
:where(a, [role="link"]) { :where(a, [role="link"]) {
display: inline-block; display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1) margin:
calc(var(--nav-link-spacing-horizontal) * -1); max(var(--nav-element-spacing-vertical), -1 * var(--nav-element-spacing-vertical))
max(var(--nav-element-spacing-horizontal), -1 * var(--nav-element-spacing-horizontal));
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;