@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
42 lines • 1.1 kB
CSS
.isp_1izsr9j0 {
position: absolute;
background: var(--isp_surface-default);
padding: 0 var(--isp_spacing-petite);
transition: none;
}
.isp_1izsr9j1 {
border-radius: var(--isp_radius-none) var(--isp_radius-rounded) var(--isp_radius-rounded) var(--isp_radius-none);
left: 0;
min-width: 300px;
height: 100%;
}
.isp_1izsr9j2 {
border-radius: var(--isp_radius-rounded) var(--isp_radius-none) var(--isp_radius-none) var(--isp_radius-rounded);
right: 0;
min-width: 300px;
height: 100%;
}
.isp_1izsr9j3 {
border-radius: var(--isp_radius-none) var(--isp_radius-none) var(--isp_radius-rounded) var(--isp_radius-rounded);
top: 0;
width: 100%;
min-height: 200px;
}
.isp_1izsr9j4 {
border-radius: var(--isp_radius-rounded) var(--isp_radius-rounded) var(--isp_radius-none) var(--isp_radius-none);
bottom: 0;
width: 100%;
min-height: 200px;
}
@media screen and (max-width: 768px) {
.isp_1izsr9j1 {
min-width: unset;
width: 100%;
max-width: calc(100% - 50px);
}
.isp_1izsr9j2 {
min-width: unset;
width: 100%;
max-width: calc(100% - 50px);
}
}