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

Leven: Cleanup padding on mobile screens

Browse source
This commit is contained in:
Allan Cole 2019-08-23 12:53:02 -04:00
parent 26cc8513e9
commit 1aa45a2693
4 changed files with 163 additions and 165 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
leven/style-editor.css
View file

@ -430,6 +430,45 @@ object {
padding-left: 0;
}
.wp-block-latest-posts > li > a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.78256rem;
font-weight: 700;
line-height: 1.125;
}
.wp-block-latest-posts:not(.is-grid) > li {
/* Vertical margins logic */
margin-top: 32px;
margin-bottom: 32px;
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #767676;
font-size: 0.82474rem;
line-height: 1.78;
}
[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.82474rem;
line-height: 1.78;
margin: 0;
}
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 16px;
padding-left: 16px;
@ -638,14 +677,20 @@ table th,
color: #f7f7f6 !important;
}
.has-background:not(.has-background-background-color) a,
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
.has-background .wp-block-quote__citation {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #ff302c !important;
color: #f7f7f6;
}
.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6,
.has-primary-background-color[class] .wp-block-quote__citation {
color: currentColor;
.has-primary-background-color[class] {
background-color: #ff302c !important;
color: #f7f7f6;
}
.has-secondary-background-color[class] {
@ -653,71 +698,36 @@ table th,
color: #f7f7f6;
}
.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6,
.has-secondary-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-foreground-background-color[class] {
background-color: #444444 !important;
color: #f7f7f6;
}
.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6,
.has-foreground-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-foreground-light-background-color[class] {
background-color: #767676 !important;
color: #f7f7f6;
}
.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6,
.has-foreground-light-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
color: #f7f7f6;
}
.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6,
.has-foreground-dark-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-background-light-background-color[class] {
background-color: #FFFFFF !important;
color: #444444;
}
.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6,
.has-background-light-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #444444;
}
.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6,
.has-background-dark-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.has-background-background-color[class] {
background-color: #f7f7f6 !important;
color: #444444;
}
.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6,
.has-background-background-color[class] .wp-block-quote__citation {
color: currentColor;
}
.is-small-text,
.has-small-font-size {
font-size: 0.82474em;

120
leven/style-rtl.css
View file

@ -1531,12 +1531,29 @@ img {
line-height: 1.78;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.82474rem;
line-height: 1.78;
margin: 0;
}
.wp-block-latest-posts.alignfull {
padding-right: 16px;
padding-left: 16px;
}
.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
padding-right: 0;
padding-left: 0;
}
.gallery-item {
display: inline-block;
text-align: center;
@ -1659,10 +1676,6 @@ p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.a8c-posts-list__listing {
list-style: none;
margin: 0;
@ -2063,78 +2076,52 @@ table th,
color: #f7f7f6 !important;
}
.has-background:not(.has-background-background-color) a,
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
.has-background .wp-block-quote__citation {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #ff302c !important;
color: #f7f7f6;
}
.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
color: currentColor;
}
.has-secondary-background-color[class] {
background-color: #1285ce !important;
color: #f7f7f6;
}
.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
color: currentColor;
}
.has-foreground-background-color[class] {
background-color: #444444 !important;
color: #f7f7f6;
}
.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
color: currentColor;
}
.has-foreground-light-background-color[class] {
background-color: #767676 !important;
color: #f7f7f6;
}
.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
color: currentColor;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
color: #f7f7f6;
}
.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
color: currentColor;
}
.has-background-light-background-color[class] {
background-color: #FFFFFF !important;
color: #444444;
}
.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 {
color: currentColor;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #444444;
}
.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 {
color: currentColor;
}
.has-background-background-color[class] {
background-color: #f7f7f6 !important;
color: #444444;
}
.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
color: currentColor;
}
.is-small-text,
.has-small-font-size {
font-size: 0.82474rem;
@ -2430,31 +2417,28 @@ table th,
}
}
.main-navigation > div > ul > li:first-of-type > a {
padding-right: 0;
}
.main-navigation > div > ul > li:last-of-type > a {
padding-left: 0;
}
.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;
}
.main-navigation > div > ul > li:last-of-type > a {
padding-left: 0;
}
}
.main-navigation > div > ul > li > .sub-menu {
@ -2486,7 +2470,13 @@ table th,
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-weight: bold;
padding: 8px;
padding: 4px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 8px;
}
}
.main-navigation a:link, .main-navigation a:visited {
@ -2566,6 +2556,10 @@ table th,
vertical-align: middle;
}
.site-footer {
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.site-footer {
align-items: flex-end;

120
leven/style.css
View file

@ -1531,12 +1531,29 @@ img {
line-height: 1.78;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.82474rem;
line-height: 1.78;
margin: 0;
}
.wp-block-latest-posts.alignfull {
padding-left: 16px;
padding-right: 16px;
}
.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
padding-left: 0;
padding-right: 0;
}
.gallery-item {
display: inline-block;
text-align: center;
@ -1659,10 +1676,6 @@ p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.a8c-posts-list__listing {
list-style: none;
margin: 0;
@ -2068,78 +2081,52 @@ table th,
color: #f7f7f6 !important;
}
.has-background:not(.has-background-background-color) a,
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
.has-background .wp-block-quote__citation {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #ff302c !important;
color: #f7f7f6;
}
.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
color: currentColor;
}
.has-secondary-background-color[class] {
background-color: #1285ce !important;
color: #f7f7f6;
}
.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
color: currentColor;
}
.has-foreground-background-color[class] {
background-color: #444444 !important;
color: #f7f7f6;
}
.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
color: currentColor;
}
.has-foreground-light-background-color[class] {
background-color: #767676 !important;
color: #f7f7f6;
}
.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
color: currentColor;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
color: #f7f7f6;
}
.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
color: currentColor;
}
.has-background-light-background-color[class] {
background-color: #FFFFFF !important;
color: #444444;
}
.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 {
color: currentColor;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #444444;
}
.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 {
color: currentColor;
}
.has-background-background-color[class] {
background-color: #f7f7f6 !important;
color: #444444;
}
.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
color: currentColor;
}
.is-small-text,
.has-small-font-size {
font-size: 0.82474rem;
@ -2435,31 +2422,28 @@ table th,
}
}
.main-navigation > div > ul > li:first-of-type > a {
padding-left: 0;
}
.main-navigation > div > ul > li:last-of-type > a {
padding-right: 0;
}
.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;
}
.main-navigation > div > ul > li:last-of-type > a {
padding-right: 0;
}
}
.main-navigation > div > ul > li > .sub-menu {
@ -2491,7 +2475,13 @@ table th,
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-weight: bold;
padding: 8px;
padding: 4px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 8px;
}
}
.main-navigation a:link, .main-navigation a:visited {
@ -2571,6 +2561,10 @@ table th,
vertical-align: middle;
}
.site-footer {
overflow: hidden;
}
@media only screen and (min-width: 640px) {
.site-footer {
align-items: flex-end;

2
varia/style-rtl.css
View file

@ -2429,7 +2429,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) {