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

Make tabs look tabby

This commit is contained in:
Jonathan Sadowski 2020-11-24 16:49:16 -06:00
parent 3aeab3571e
commit cbe07cf35e
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -765,21 +765,23 @@ a.reset_variations {
margin: 0 0 1.5rem;
padding: 0;
font-family: $headings;
border-bottom: var(--button--border-width) solid var(--button--color-background);
li {
margin: 0.5rem 4rem 2rem 0;
display: inline-flex !important;
a {
color: $body-color;
text-decoration: none;
font-weight: 700;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
&.active {
a {
color: $highlights-color;
box-shadow: 0 2px 0 $highlights-color;
color: var(--button--color-text);
background-color: var(--button--color-background);
border: var(--button--border-width) solid var(--button--color-background);
}
}
}