@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
59 lines • 1.36 kB
CSS
.isp_13zqxgi0 {
background: var(--isp_surface-default);
color: var(--isp_content-default);
border: 1px solid var(--isp_grayscale-translucent-_10);
cursor: pointer;
}
.isp_13zqxgi0:hover {
border-color: var(--isp_grayscale-translucent-_30);
}
.isp_13zqxgi0:has(:focus) {
border-color: var(--isp_grayscale-translucent-_70);
}
.isp_13zqxgi1::after {
outline: 1px solid var(--isp_grayscale-translucent-_30);
background: var(--isp_interaction-hovered);
}
.isp_13zqxgi2 {
border-radius: var(--isp_radius-default);
padding: var(--isp_spacing-base);
}
.isp_13zqxgi3 {
border-radius: var(--isp_radius-subtle);
padding: var(--isp_spacing-petite);
}
.isp_13zqxgi4 {
padding: var(--isp_spacing-micro);
background: var(--isp_grayscale-translucent-_5);
border-radius: var(--isp_radius-full);
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.isp_13zqxgi5 {
padding: 0 var(--isp_spacing-mini);
min-width: 0;
flex: 1;
user-select: none;
}
.isp_13zqxgi6 {
display: none;
}
.isp_13zqxgi7 {
background: var(--isp_surface-elevated);
border-radius: var(--isp_radius-subtle);
}
.isp_13zqxgi8 {
padding: var(--isp_spacing-tiny);
}
.isp_13zqxgi9 {
padding: var(--isp_spacing-mini);
}
.isp_13zqxgic {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
flex: 1;
}