@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
72 lines • 1.63 kB
CSS
.isp_1rdw9wg0 {
overflow: hidden;
}
.isp_1rdw9wg1 {
background: var(--isp_surface-default);
color: var(--isp_content-default);
border: 1px solid var(--isp_grayscale-translucent-_10);
padding: var(--isp_spacing-moderate);
border-radius: var(--isp_radius-default);
overflow: hidden;
cursor: pointer;
background-size: cover;
position: relative;
}
.isp_1rdw9wg1:hover {
border-color: var(--isp_grayscale-translucent-_30);
}
.isp_1rdw9wg1:has(:focus) {
border-color: var(--isp_grayscale-translucent-_70);
}
.isp_1rdw9wg2 {
border-radius: var(--isp_radius-full);
}
.isp_1rdw9wg3 {
opacity: 0;
border-radius: var(--isp_radius-pill);
background: var(--isp_solid-translucent-black-_30);
backdrop-filter: blur(4px);
position: absolute;
padding: var(--isp_spacing-mini) var(--isp_spacing-micro);
transition: opacity 0.2s ease-in-out;
}
.isp_1rdw9wg4 {
opacity: 1;
}
.isp_1rdw9wg5 {
border-color: var(--isp_line-border);
}
.isp_1rdw9wg6 {
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_1rdw9wg7 {
padding: 0 var(--isp_spacing-mini);
min-width: 0;
flex: 1;
}
.isp_1rdw9wg8 {
display: none;
}
.isp_1rdw9wg9 {
background: var(--isp_surface-elevated);
border-radius: var(--isp_radius-subtle);
}
.isp_1rdw9wga {
padding: var(--isp_spacing-tiny);
}
.isp_1rdw9wgb {
padding: var(--isp_spacing-mini);
}
.isp_1rdw9wge {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
flex: 1;
}