Varia: Remove negative margins in menu links
This commit is contained in:
parent
dee85effbd
commit
ba4c11e8ca
5 changed files with 33 additions and 33 deletions
|
@ -29,12 +29,12 @@
|
|||
& > li {
|
||||
display: inline;
|
||||
|
||||
&:first-of-type {
|
||||
margin-left: -#{map-deep-get($config-global, "spacing", "unit")};
|
||||
&:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
margin-right: -#{map-deep-get($config-global, "spacing", "unit")};
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -99,12 +99,12 @@
|
|||
|
||||
& > li {
|
||||
|
||||
&:first-of-type {
|
||||
margin-left: -#{map-deep-get($config-global, "spacing", "unit")};
|
||||
&:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
margin-right: -#{map-deep-get($config-global, "spacing", "unit")};
|
||||
&:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
& > a {
|
||||
|
|
|
@ -8,12 +8,12 @@
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
& > li:first-of-type {
|
||||
margin-left: calc(-0.5 * #{map-deep-get($config-global, "spacing", "unit")})
|
||||
& > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
& > li:last-of-type {
|
||||
margin-right: calc(-0.5 * #{map-deep-get($config-global, "spacing", "unit")})
|
||||
& > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -2375,12 +2375,12 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:first-of-type {
|
||||
margin-right: -16px;
|
||||
.main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type {
|
||||
margin-left: -16px;
|
||||
.main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > a {
|
||||
|
@ -2488,12 +2488,12 @@ table th,
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-right: calc(-0.5 * 16px);
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-left: calc(-0.5 * 16px);
|
||||
.social-navigation > div > ul > li:last-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
|
@ -2591,12 +2591,12 @@ table th,
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-right: -16px;
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-left: -16px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
|
|
|
@ -2381,12 +2381,12 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:first-of-type {
|
||||
margin-left: -16px;
|
||||
.main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li:last-of-type {
|
||||
margin-right: -16px;
|
||||
.main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > a {
|
||||
|
@ -2494,12 +2494,12 @@ table th,
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type {
|
||||
margin-left: calc(-0.5 * 16px);
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type {
|
||||
margin-right: calc(-0.5 * 16px);
|
||||
.social-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
|
@ -2597,12 +2597,12 @@ table th,
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-left: -16px;
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-right: -16px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
|
|
Loading…
Reference in a new issue