Fine-tune sidebar color
parent
b24ed88e27
commit
be6a5b6caa
|
|
@ -11,6 +11,12 @@
|
||||||
&.open {
|
&.open {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
+desktop() {
|
||||||
|
&.open {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-component='ToolAreaButton'] {
|
[data-component='ToolAreaButton'] {
|
||||||
|
|
@ -41,10 +47,6 @@
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolarea-shade.open {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 900px) {
|
@media (min-width: 900px) {
|
||||||
|
|
@ -157,17 +159,13 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(0, 0, 0, 0.25);
|
background: rgba(50, 50, 50, 0.9);
|
||||||
transition: width 0.3s;
|
transition: width 0.3s;
|
||||||
z-index: 1010;
|
z-index: 1010;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-left: 1px solid #222;
|
border-left: 1px solid #222;
|
||||||
|
|
||||||
+desktop() {
|
|
||||||
background: rgba(50, 50, 50, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
> .tab-headers {
|
> .tab-headers {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: rgba(0, 0, 0, 0.1);
|
background: rgba(0, 0, 0, 0.1);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue