mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
94 lines
1.2 KiB
Stylus
94 lines
1.2 KiB
Stylus
@import '../shared';
|
|
|
|
#controllers {
|
|
overflow: auto;
|
|
}
|
|
|
|
#container {
|
|
|
|
background: panel-color;
|
|
transition: transform 0.4s cubic-bezier( 0, 0.8, 0, 1 );
|
|
|
|
&.autoplace-true {
|
|
|
|
width: panel-width;
|
|
position: fixed;
|
|
top: 0;
|
|
|
|
&.docked-false {
|
|
|
|
right: 20px;
|
|
|
|
&.open-true {
|
|
|
|
}
|
|
|
|
&.open-false {
|
|
}
|
|
|
|
}
|
|
|
|
&.docked-true {
|
|
|
|
right: 0;
|
|
bottom: 0;
|
|
|
|
&.open-true {
|
|
|
|
}
|
|
|
|
&.open-false {
|
|
transform: translate3d( panel-width, 0, 0 );
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
#closeButton {
|
|
|
|
panel-font()
|
|
|
|
user-select: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
padding: padding * 0.75 padding;
|
|
background: black;
|
|
|
|
&:hover {
|
|
background: panel-color;
|
|
}
|
|
|
|
}
|
|
|
|
#closeButtonDocked {
|
|
|
|
position: absolute;
|
|
right: panel-width;
|
|
|
|
cursor: pointer;
|
|
|
|
top: 0;
|
|
color: black;
|
|
|
|
width: 50px;
|
|
height: 50px;
|
|
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
#closeButtonDockedInner {
|
|
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|