0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Cleanup padding on mobile screens

Browse source
This commit is contained in:
Allan Cole 2019-08-23 12:52:44 -04:00
parent 06311f3b26
commit 26cc8513e9
3 changed files with 36 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
varia/sass/components/header/_site-main-navigation.scss
View file

@ -99,11 +99,11 @@
& > li {
& > a {
@include crop-text(map-deep-get($config-header, "main-nav", "font", "line-height"));
}
@include media(mobile) {
& > a {
@include crop-text(map-deep-get($config-header, "main-nav", "font", "line-height"));
}
&:first-of-type > a {
padding-left: 0;
}
@ -144,7 +144,7 @@
font-family: #{map-deep-get($config-header, "main-nav", "font", "family")};
font-size: #{map-deep-get($config-header, "main-nav", "font", "size")};
font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
padding: #{map-deep-get($config-header, "main-nav", "link-padding")} 0;
padding: #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")} 0;
@include media(mobile) {
padding: #{map-deep-get($config-header, "main-nav", "link-padding")};

34
varia/style-rtl.css
View file

@ -2376,26 +2376,22 @@ table th,
}
}
.main-navigation > div > ul > li > a {
line-height: 1;
}
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
content: '';
display: block;
height: 0;
width: 0;
}
.main-navigation > div > ul > li > a:before {
margin-bottom: -0.12em;
}
.main-navigation > div > ul > li > a:after {
margin-top: -0.11em;
}
@media only screen and (min-width: 560px) {
.main-navigation > div > ul > li > a {
line-height: 1;
}
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
content: '';
display: block;
height: 0;
width: 0;
}
.main-navigation > div > ul > li > a:before {
margin-bottom: -0.12em;
}
.main-navigation > div > ul > li > a:after {
margin-top: -0.11em;
}
.main-navigation > div > ul > li:first-of-type > a {
padding-right: 0;
}

36
varia/style.css
View file

@ -2381,26 +2381,22 @@ table th,
}
}
.main-navigation > div > ul > li > a {
line-height: 1;
}
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
content: '';
display: block;
height: 0;
width: 0;
}
.main-navigation > div > ul > li > a:before {
margin-bottom: -0.12em;
}
.main-navigation > div > ul > li > a:after {
margin-top: -0.11em;
}
@media only screen and (min-width: 560px) {
.main-navigation > div > ul > li > a {
line-height: 1;
}
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
content: '';
display: block;
height: 0;
width: 0;
}
.main-navigation > div > ul > li > a:before {
margin-bottom: -0.12em;
}
.main-navigation > div > ul > li > a:after {
margin-top: -0.11em;
}
.main-navigation > div > ul > li:first-of-type > a {
padding-left: 0;
}
@ -2438,7 +2434,7 @@ table th,
font-family: sans-serif;
font-size: 1.2rem;
font-weight: bold;
padding: 16px 0;
padding: 8px 0;
}
@media only screen and (min-width: 560px) {