Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
parent eb62ed1c9f 82d759c7b6
commit 1f430fc980
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/twenty-twenty-one.scss
View File

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