| 12345678910111213141516171819202122232425262728293031 |
- .elements-bar {
- position: fixed;
- box-sizing: border-box;
- width: 300px;
- top: 50%;
- right: 0px;
- transform: translateY(-50%);
- max-height: 80%;
- background-color: var(--elements-bar-color);
- border-radius: var(--padding) 0 0 var(--padding);
- padding: var(--padding);
- color: var(--font-color);
- min-height: calc(var(--padding) * 6.5);
- transition: transform 0.5s, right 0.5s;
- }
- .elements-bar .control-button button {
- position: absolute;
- top: calc(var(--padding) * 2);
- right: 100%;
- border: none;
- background-color: var(--elements-bar-color);
- color: var(--font-color);
- padding: calc(var(--padding) / 2);
- border-radius: calc(var(--padding) / 2) 0 0 calc(var(--padding) / 2);
- transition: transform 0.5s;
- }
- .elements-bar .control-button button:hover {
- transform: scale(1.2);
- }
|