@lcap/builder
Version:
lcap builder utils
64 lines (54 loc) • 1.05 kB
CSS
.componentPreview {
display: flex;
width: 100%;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 24px;
}
.storiesPreview {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 12px;
}
.sectionContainer {
background: white;
border: 1.5px solid #e7e8eb;
border-radius: 8px;
box-sizing: border-box;
}
.sectionContainer:hover {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.sectionContainer[selected='selected'] {
border: 1.5px solid #4c88ff;
}
.sectionContainer hr {
border: none;
border-top: 1px solid #e5e5e5;
}
.sectionContainer [class^='u-carousel__'] {
max-width: 100%;
}
.sectionTitle,
.sectionBody {
padding: 24px;
}
.sectionTitle {
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}
.componentClassTitle {
margin-bottom: 16px;
height: 14px;
line-height: 14px;
color: #666666;
font-family: PingFang SC;
font-style: normal;
font-weight: normal;
font-size: 14px;
}