Copied styles don't match with the effect
matias-salgado opened this issue · comments
For example, the borderMarker effect gets this styles applied on the website:
but the copied CSS styles don't match:
.exampleClass {
display: inline-block;
position: relative;
color: white;
}
.exampleClass::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: white;
transform-origin: bottom right;
transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.exampleClass:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
The Stitches styles are correct but the CSS and SCSS options get the underlineLeftRight's style (? . Very glad to help if needed.
Fixed it, thank you!