BetterDiscordApp-v2/client/src/styles/partials/generic/drawers.scss

48 lines
952 B
SCSS
Raw Normal View History

.bd-drawer {
.bd-form-header {
cursor: pointer;
}
.bd-drawer-open-button {
2018-02-04 15:20:57 +01:00
position: relative;
margin-right: 15px;
.bd-chevron-1, .bd-chevron-2 {
position: absolute;
}
svg {
transition: transform 0.5s ease;
transform: none;
}
}
.bd-drawer-contents {
display: none;
}
&:not(.bd-drawer-open) {
padding-bottom: 5px;
border-bottom: 1px solid rgba(114, 118, 126, 0.3);
}
&.bd-drawer-open {
.bd-drawer-open-button {
2018-02-04 15:20:57 +01:00
.bd-chevron-1 {
svg {
transform: rotate(90deg)
}
}
.bd-chevron-2 {
margin-left: -4px;
svg {
transform: rotate(270deg)
}
}
}
.bd-drawer-contents {
display: block;
}
}
}