@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
60 lines • 1.55 kB
CSS
@layer utility;
@layer utility {
.isp_16fg5zd0 {
position: relative;
overflow: hidden;
user-select: none;
cursor: pointer;
transition: transform 0.2s cubic-bezier(0.4,0,0.2,1);
}
.isp_16fg5zd0::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
transition: background 0.2s cubic-bezier(0.4,0,0.2,1);
}
.isp_16fg5zd0:disabled {
cursor: not-allowed;
color: var(--isp_content-muted);
}
.isp_16fg5zd0:not(:disabled):active {
transform: scale(0.98);
}
.isp_16fg5zd0:disabled::after {
background: var(--isp_interaction-disabled);
}
.isp_16fg5zd0:not(:disabled):hover::after {
background: var(--isp_interaction-hovered);
}
.isp_16fg5zd0:not(:disabled):active::after {
background: var(--isp_interaction-pressed);
}
.isp_16fg5zd1:disabled {
color: var(--isp_content-inverted-muted);
}
.isp_16fg5zd1:disabled::after {
background: var(--isp_interaction-inverted-disabled);
}
.isp_16fg5zd1:not(:disabled):hover::after {
background: var(--isp_interaction-inverted-hovered);
}
.isp_16fg5zd1:not(:disabled):active::after {
background: var(--isp_interaction-inverted-pressed);
}
.isp_16fg5zd2 {
user-select: none;
cursor: pointer;
transition: transform 0.2s cubic-bezier(0.4,0,0.2,1);
}
.isp_16fg5zd2:disabled {
cursor: not-allowed;
color: var(--isp_content-muted);
}
.isp_16fg5zd2:not(:disabled):active {
transform: scale(0.98);
}
}