Merge pull request #28827 from jffng/add/twentytwentyone-style-tweaks

Adjust spacing and font sizes for Twenty Twenty-One
This commit is contained in:
jonathansadowski 2021-01-20 13:52:51 -06:00 committed by GitHub
commit 1f430fc980
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 18 deletions

View File

@ -126,12 +126,18 @@ a.button {
}
}
.woocommerce-breadcrumb {
margin-bottom: 5rem;
font-size: 0.88889em;
font-family: $headings;
.site-main {
.woocommerce-breadcrumb {
margin-bottom: var(--global--spacing-vertical);
font-size: 0.88889em;
font-family: $headings;
}
.woocommerce-products-header {
margin-top: var(--global--spacing-vertical);
}
}
.woocommerce-pagination {
font-family: $headings;
font-size: 0.88889em;
@ -350,6 +356,10 @@ a.button {
border-left: none;
border-right: none;
}
.product-thumbnail {
max-width: 120px;
}
}
}
@ -537,11 +547,16 @@ dl.variation,
display: none;
}
.entry-title {
margin: 0 0 2.5rem;
&::before {
margin-top: 0;
&.singular { // Needed for higher specificity to target the entry title font size
.entry-title {
font-size: var(--global--font-size-xl);
font-weight: normal;
margin: 0 0 2.5rem;
&::before {
margin-top: 0;
}
}
}
@ -829,7 +844,7 @@ a.reset_variations {
}
h2:first-of-type {
font-size: 3rem;
font-size: var(--global--font-size-lg);
margin: 0 0 2rem !important;
}
}
@ -1424,10 +1439,6 @@ a.reset_variations {
#main {
.entry-header {
padding: 3vw 0 1.5vw;
}
.woocommerce {
max-width: var(--responsive--alignwide-width);
margin: 0 auto;
@ -2788,11 +2799,6 @@ a.reset_variations {
.woocommerce-account {
.entry-header {
padding-bottom: 20px !important;
}
.woocommerce-MyAccount-content {
p:first-of-type {