Files
wdi-landing-page/src/styles/commonStyles.js
2024-09-02 15:21:27 +05:30

40 lines
870 B
JavaScript

// src/styles/commonStyles.js
export const commonStyles = {
transition: "all 0.5s",
position: "relative",
display: "inline-flex",
_hover: {
_before: { width: "7px" },
_after: { width: "100%" },
},
_before: {
content: "''",
position: "absolute",
top: "7px",
right: "-7px",
width: 0,
height: "100%",
transition: "all 0.5s",
},
_after: {
content: "''",
position: "absolute",
bottom: "0px",
left: "1px",
borderBottom: "3px solid #e5195e",
borderRadius: "9px",
width: "100%",
transition: "all 0.5s",
transform: "scaleX(0)",
transformOrigin: "left",
height: "12px",
},
_hover: {
_before: { width: "7px" },
_after: {
transform: "scaleX(1)",
transformOrigin: "left",
},
},
};