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

Alves: Fix padding issues in menu on mobile screens.

Browse source
This commit is contained in:
Allan Cole 2019-08-22 18:41:37 -04:00
parent 9fc11235f8
commit 8cc3db171d
3 changed files with 120 additions and 124 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
alves/style-editor.css
View file

@ -430,6 +430,45 @@ object {
padding-left: 0;
}
.wp-block-latest-posts > li > a {
font-family: "Lora", Georgia, sans-serif;
font-size: 1.8rem;
font-weight: normal;
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: #4d6974;
font-size: 1.04167rem;
line-height: 1.6;
}
[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: 1.04167rem;
line-height: 1.6;
margin: 0;
}
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 16px;
padding-left: 16px;
@ -638,86 +677,51 @@ table th,
color: #ffffff !important;
}
.has-background p, .has-background a, .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: #3E7D98 !important;
color: #ffffff;
}
.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-secondary-background-color[class] {
background-color: #9B6A36 !important;
color: #ffffff;
}
.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: #394d55 !important;
color: #ffffff;
}
.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: #4d6974 !important;
color: #ffffff;
}
.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: #253136 !important;
color: #ffffff;
}
.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: #fafafa !important;
color: #394d55;
}
.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: #d9d9d9 !important;
color: #394d55;
}
.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: #ffffff !important;
color: #394d55;
}
.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: 1.04167em;

80
alves/style-rtl.css
View file

@ -1531,12 +1531,29 @@ img {
line-height: 1.6;
}
.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: 1.04167rem;
line-height: 1.6;
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;
@ -2059,78 +2076,50 @@ table th,
color: #ffffff !important;
}
.has-background p, .has-background a, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #3E7D98 !important;
color: #ffffff;
}
.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: #9B6A36 !important;
color: #ffffff;
}
.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: #394d55 !important;
color: #ffffff;
}
.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: #4d6974 !important;
color: #ffffff;
}
.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: #253136 !important;
color: #ffffff;
}
.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: #fafafa !important;
color: #394d55;
}
.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: #d9d9d9 !important;
color: #394d55;
}
.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: #ffffff !important;
color: #394d55;
}
.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: 1.04167rem;
@ -2426,14 +2415,6 @@ 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;
}
@ -2453,6 +2434,15 @@ table th,
margin-top: -0.11em;
}
@media only screen and (min-width: 560px) {
.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 {
margin: 0;
position: relative;
@ -2482,7 +2472,13 @@ table th,
font-family: "Karla", Arial, sans-serif;
font-size: 1.04167rem;
font-weight: bold;
padding: 16px;
padding: 16px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 16px;
}
}
.main-navigation a:link, .main-navigation a:visited {

80
alves/style.css
View file

@ -1531,12 +1531,29 @@ img {
line-height: 1.6;
}
.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: 1.04167rem;
line-height: 1.6;
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;
@ -2064,78 +2081,50 @@ table th,
color: #ffffff !important;
}
.has-background p, .has-background a, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #3E7D98 !important;
color: #ffffff;
}
.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: #9B6A36 !important;
color: #ffffff;
}
.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: #394d55 !important;
color: #ffffff;
}
.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: #4d6974 !important;
color: #ffffff;
}
.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: #253136 !important;
color: #ffffff;
}
.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: #fafafa !important;
color: #394d55;
}
.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: #d9d9d9 !important;
color: #394d55;
}
.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: #ffffff !important;
color: #394d55;
}
.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: 1.04167rem;
@ -2431,14 +2420,6 @@ 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;
}
@ -2458,6 +2439,15 @@ table th,
margin-top: -0.11em;
}
@media only screen and (min-width: 560px) {
.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 {
margin: 0;
position: relative;
@ -2487,7 +2477,13 @@ table th,
font-family: "Karla", Arial, sans-serif;
font-size: 1.04167rem;
font-weight: bold;
padding: 16px;
padding: 16px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 16px;
}
}
.main-navigation a:link, .main-navigation a:visited {