woocommerce/plugins/woocommerce-blocks/assets/js/base/components/tabs/style.scss

43 lines
880 B
SCSS
Raw Normal View History

.wc-block-components-tabs {
.wc-block-components-tabs__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
> .wc-block-components-tabs__item {
border: none;
flex: auto;
background: transparent;
padding: $gap-small $gap;
color: $black;
outline-offset: -1px;
text-align: center;
transition: box-shadow 0.1s linear;
box-shadow: inset 0 -2px $core-grey-light-600;
&.is-active {
box-shadow: inset 0 -3px $black;
font-weight: 600;
position: relative;
}
&:focus {
color: $black;
outline-offset: -1px;
outline: 1px dotted $gray-60;
}
.wc-block-components-tabs__item-content {
width: fit-content;
display: inline-block;
img {
max-height: 1.2em;
position: relative;
margin: -0.1em 0;
}
}
}
}
.wc-block-components-tabs__content {
padding: $gap 0;
}
}