@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
60 lines • 1.45 kB
CSS
.isp_10lp2fc0 {
width: 100%;
}
.isp_10lp2fc1 {
background: var(--isp_surface-default);
color: var(--isp_content-default);
border: 1px solid var(--isp_grayscale-translucent-_10);
cursor: pointer;
display: flex;
justify-content: space-between;
padding: var(--isp_spacing-micro);
border-radius: var(--isp_radius-subtle);
}
.isp_10lp2fc2 {
padding: var(--isp_spacing-petite);
border-radius: var(--isp_radius-default);
}
.isp_10lp2fc3 {
background: transparent;
border: none;
outline: none;
width: 100%;
color: var(--isp_content-emphasized);
cursor: pointer;
-webkit-appearance: none;
}
.isp_10lp2fc3::placeholder {
color: var(--isp_content-muted);
user-select: none;
}
.isp_10lp2fc3::-ms-expand {
display: none;
}
.isp_10lp2fc4 {
margin-inline: var(--isp_spacing-micro);
}
.isp_10lp2fc5 {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--isp_surface-default);
border: 1px solid var(--isp_line-border);
border-radius: var(--isp_radius-subtle);
margin-top: var(--isp_spacing-micro);
padding: var(--isp_spacing-mini);
max-height: 200px;
overflow-y: auto;
z-index: 1000;
}
.isp_10lp2fc6 {
padding: var(--isp_spacing-tiny) var(--isp_spacing-petite);
border-radius: var(--isp_radius-subtle);
cursor: pointer;
color: var(--isp_content-default);
}
.isp_10lp2fc6[data-selected="true"] {
background: var(--isp_surface-elevated);
color: var(--isp_content-emphasized);
}