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

Coutoire: Fix padding issues in menu on mobile screens.

Browse source
This commit is contained in:
Allan Cole 2019-08-23 12:34:13 -04:00
parent ac89b4db25
commit 4ff9a47ee4
4 changed files with 267 additions and 209 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
coutoire/sass/_extra-child-theme.scss
View file

@ -64,16 +64,11 @@ a {
}
}
.main-navigation > div > ul > li:first-of-type,
.social-navigation > div > ul > li:first-of-type,
.footer-navigation .footer-menu > li:first-of-type {
margin-left: 0;
}
.main-navigation > div > ul > li:last-of-type,
.social-navigation > div > ul > li:last-of-type,
.footer-navigation .footer-menu > li:last-of-type {
margin-right: 0;
.main-navigation > div > ul > li > a,
.social-navigation > div > ul > li > a,
.footer-navigation .footer-menu > li > a {
padding-left: 0;
padding-right: 0;
}
.main-navigation {

84
coutoire/style-editor.css
View file

@ -429,6 +429,45 @@ object {
padding-left: 0;
}
.wp-block-latest-posts > li > a {
font-family: "EB Garamond", serif;
font-size: 1.728rem;
font-weight: 200;
line-height: 1;
}
.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.83333rem;
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.83333rem;
line-height: 1.78;
margin: 0;
}
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 16px;
padding-left: 16px;
@ -637,86 +676,51 @@ table th,
color: white !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: black !important;
color: white;
}
.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: #FF7A5C !important;
color: white;
}
.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: white;
}
.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: white;
}
.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: white;
}
.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: #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: white !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.83333em;

187
coutoire/style-rtl.css
View file

@ -1530,12 +1530,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.83333rem;
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;
@ -1961,25 +1978,40 @@ table th,
vertical-align: middle;
}
/* Text Alignments */
/* Block Alignments */
/**
* .alignleft
*/
.alignleft {
text-align: left;
float: left;
margin-top: 0;
margin-right: 16px;
margin-bottom: 32px;
}
/**
* .aligncenter
*/
.aligncenter {
clear: both;
float: none;
text-align: center;
}
/**
* .alignright
*/
.alignright {
float: right;
margin-left: 16px;
margin-top: 0;
margin-bottom: 32px;
margin-left: 16px;
}
.entry-content * > .alignleft + *,
.entry-content * > .alignright + * {
margin-top: 0;
}
/**
@ -2047,78 +2079,50 @@ table th,
color: white !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: black !important;
color: white;
}
.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: #FF7A5C !important;
color: white;
}
.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: white;
}
.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: white;
}
.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: white;
}
.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: #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: white !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.83333rem;
@ -2414,14 +2418,6 @@ table th,
}
}
.main-navigation > div > ul > li:first-of-type {
margin-right: -16px;
}
.main-navigation > div > ul > li:last-of-type {
margin-left: -16px;
}
.main-navigation > div > ul > li > a {
line-height: 1;
}
@ -2441,6 +2437,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;
@ -2470,7 +2475,13 @@ table th,
font-family: "Work Sans", sans-serif;
font-size: 0.83333rem;
font-weight: 600;
padding: 10px;
padding: 10px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 10px;
}
}
.main-navigation a:link, .main-navigation a:visited {
@ -2527,12 +2538,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 {
@ -2630,12 +2641,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 {
@ -3195,7 +3206,7 @@ img#wpstats {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(100% + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
margin-right: auto;
margin-left: auto;
}
@ -3203,35 +3214,35 @@ img#wpstats {
@media only screen and (min-width: 560px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 560px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 782px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1024px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1280px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@ -3281,70 +3292,70 @@ img#wpstats {
/* Letting the box-model do all the work here. */
}
.alignright {
.entry-content > .alignright {
margin-right: 16px;
}
@media only screen and (min-width: 560px) {
.alignright {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
}
}
@media only screen and (min-width: 640px) {
.alignright {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
}
}
@media only screen and (min-width: 782px) {
.alignright {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1024px) {
.alignright {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1280px) {
.alignright {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
.alignleft {
.entry-content > .alignleft {
margin-left: 16px;
}
@media only screen and (min-width: 560px) {
.alignleft {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
}
}
@media only screen and (min-width: 640px) {
.alignleft {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
}
}
@media only screen and (min-width: 782px) {
.alignleft {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1024px) {
.alignleft {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1280px) {
.alignleft {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@ -3357,6 +3368,29 @@ img#wpstats {
* Vendors
* - 3rd-party compatibility styles
*/
/**
* Subscription Form
*/
.wp-block-jetpack-subscriptions form > * {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-jetpack-subscriptions form > * {
margin-top: 32px;
margin-bottom: 32px;
}
}
.wp-block-jetpack-subscriptions form > *:first-child {
margin-top: 0;
}
.wp-block-jetpack-subscriptions form > *:last-child {
margin-bottom: 0;
}
/**
* Child Theme Extra Styles
*/
@ -3419,16 +3453,11 @@ a:hover, a:focus {
text-decoration: none;
}
.main-navigation > div > ul > li:first-of-type,
.social-navigation > div > ul > li:first-of-type,
.footer-navigation .footer-menu > li:first-of-type {
margin-right: 0;
}
.main-navigation > div > ul > li:last-of-type,
.social-navigation > div > ul > li:last-of-type,
.footer-navigation .footer-menu > li:last-of-type {
margin-left: 0;
.main-navigation > div > ul > li > a,
.social-navigation > div > ul > li > a,
.footer-navigation .footer-menu > li > a {
padding-right: 0;
padding-left: 0;
}
.main-navigation {

190
coutoire/style.css
View file

@ -1530,12 +1530,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.83333rem;
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;
@ -1961,29 +1978,45 @@ table th,
vertical-align: middle;
}
/* Text Alignments */
/* Block Alignments */
/**
* .alignleft
*/
.alignleft {
/*rtl:ignore*/
text-align: left;
/*rtl:ignore*/
float: left;
margin-top: 0;
/*rtl:ignore*/
margin-right: 16px;
margin-bottom: 32px;
}
/**
* .aligncenter
*/
.aligncenter {
clear: both;
float: none;
text-align: center;
}
/**
* .alignright
*/
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 16px;
margin-top: 0;
margin-bottom: 32px;
/*rtl:ignore*/
margin-left: 16px;
}
.entry-content * > .alignleft + *,
.entry-content * > .alignright + * {
margin-top: 0;
}
/**
@ -2051,78 +2084,50 @@ table th,
color: white !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: black !important;
color: white;
}
.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: #FF7A5C !important;
color: white;
}
.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: white;
}
.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: white;
}
.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: white;
}
.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: #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: white !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.83333rem;
@ -2418,14 +2423,6 @@ table th,
}
}
.main-navigation > div > ul > li:first-of-type {
margin-left: -16px;
}
.main-navigation > div > ul > li:last-of-type {
margin-right: -16px;
}
.main-navigation > div > ul > li > a {
line-height: 1;
}
@ -2445,6 +2442,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;
@ -2474,7 +2480,13 @@ table th,
font-family: "Work Sans", sans-serif;
font-size: 0.83333rem;
font-weight: 600;
padding: 10px;
padding: 10px 0;
}
@media only screen and (min-width: 560px) {
.main-navigation a {
padding: 10px;
}
}
.main-navigation a:link, .main-navigation a:visited {
@ -2531,12 +2543,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 {
@ -2634,12 +2646,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 {
@ -3199,7 +3211,7 @@ img#wpstats {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(100% + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
margin-left: auto;
margin-right: auto;
}
@ -3207,35 +3219,35 @@ img#wpstats {
@media only screen and (min-width: 560px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 560px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 782px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1024px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1280px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 782px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@ -3285,81 +3297,81 @@ img#wpstats {
/* Letting the box-model do all the work here. */
}
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: 16px;
}
@media only screen and (min-width: 560px) {
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
}
}
@media only screen and (min-width: 640px) {
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
}
}
@media only screen and (min-width: 782px) {
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1024px) {
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1280px) {
.alignright {
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: 16px;
}
@media only screen and (min-width: 560px) {
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
}
}
@media only screen and (min-width: 640px) {
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
}
}
@media only screen and (min-width: 782px) {
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1024px) {
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
}
@media only screen and (min-width: 1280px) {
.alignleft {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
@ -3373,6 +3385,29 @@ img#wpstats {
* Vendors
* - 3rd-party compatibility styles
*/
/**
* Subscription Form
*/
.wp-block-jetpack-subscriptions form > * {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-jetpack-subscriptions form > * {
margin-top: 32px;
margin-bottom: 32px;
}
}
.wp-block-jetpack-subscriptions form > *:first-child {
margin-top: 0;
}
.wp-block-jetpack-subscriptions form > *:last-child {
margin-bottom: 0;
}
/**
* Child Theme Extra Styles
*/
@ -3435,16 +3470,11 @@ a:hover, a:focus {
text-decoration: none;
}
.main-navigation > div > ul > li:first-of-type,
.social-navigation > div > ul > li:first-of-type,
.footer-navigation .footer-menu > li:first-of-type {
margin-left: 0;
}
.main-navigation > div > ul > li:last-of-type,
.social-navigation > div > ul > li:last-of-type,
.footer-navigation .footer-menu > li:last-of-type {
margin-right: 0;
.main-navigation > div > ul > li > a,
.social-navigation > div > ul > li > a,
.footer-navigation .footer-menu > li > a {
padding-left: 0;
padding-right: 0;
}
.main-navigation {