@cobuildlab/8base-chat
Version:
Chat component that uses 8base
40 lines (33 loc) • 651 B
CSS
.base {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
width: 265px;
flex-shrink: 0;
background-color: var(--chat-primary-bg-color);
border-left: 1px solid var(--chat-primary-border-color);
transform: translateX(100%);
transition: transform 300ms cubic-bezier(0.075, 0.905, 0.865, 0.625);
}
.slideIn {
transform: translateX(0);
}
.sections {
flex: 1;
overflow-y: auto;
padding: 24px 0;
}
.section {
&:not(:last-child) {
margin-bottom: 48px;
}
}
.section-item {
margin-bottom: 10px;
transition: all 0.2s;
cursor: pointer;
&:hover {
color: var(--chat-primary-color);
}
}