&.open {
width: 480px;
}
- [toolbox-toggle] svg {
+ .toolbox-toggle svg {
transition: transform ease-in-out 180ms;
}
- [toolbox-toggle] {
+ .toolbox-toggle {
transition: background-color ease-in-out 180ms;
}
- &.open [toolbox-toggle] {
+ &.open .toolbox-toggle {
background-color: rgba(255, 0, 0, 0.29);
}
- &.open [toolbox-toggle] svg {
+ &.open .toolbox-toggle svg {
transform: rotate(180deg);
}
> div {
@include lightDark(color, #444, #EEE);
background-color: rgba(0, 0, 0, 0.1);
}
- div[toolbox-tab-content] {
- padding-bottom: 45px;
- display: flex;
- flex: 1;
- flex-direction: column;
- min-height: 0;
- overflow-y: scroll;
- }
h4 {
font-size: 24px;
margin: $-m 0 0 0;
}
}
-[toolbox-tab-content] {
+.toolbox-tab-content {
display: none;
+ overflow-y: auto;
+ padding-bottom: 45px;
}
.suggestion-box {