/**
* WooCommerce Variation Swatches
*/
/**
* Imports
*/
@import "bourbon";
@import "../../sass/utils/variables";
@import "../../sass/utils/mixins";
@import "../../sass/vendors/modular-scale";
.variations-table {
margin: 0;
th,
td {
display: block;
padding: 0;
background-color: transparent;
}
td.label {
margin-bottom: 1em;
}
.swatch-wrapper {
padding: ms(-2);
background-color: transparent;
border: 1px solid rgba(#000, 0.1);
float: left;
display: inline-block;
margin: 0 0.327em 1em 0;
img {
opacity: 0.5;
}
.swatch-anchor {
&:focus {
outline: none;
}
}
&.selected,
&:hover {
padding: ms(-2);
background-color: #fff;
img {
opacity: 1;
}
}
&.selected {
border-width: 1px;
border-color: rgba(#000, 0.1);
}
}
}
a#variations_clear {
display: block;
margin: 1em 0 ms(3);
}