emilkowalski / ui-snippets

A collection of UI Snippets.

Home Page:https://ui-snippets.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

Untitled

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!