Merge pull request #28827 from jffng/add/twentytwentyone-style-tweaks
Adjust spacing and font sizes for Twenty Twenty-One
This commit is contained in:
commit
1f430fc980
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue