elements_bar.css 854 B

12345678910111213141516171819202122232425262728293031
  1. .elements-bar {
  2. position: fixed;
  3. box-sizing: border-box;
  4. width: 300px;
  5. top: 50%;
  6. right: 0px;
  7. transform: translateY(-50%);
  8. max-height: 80%;
  9. background-color: var(--elements-bar-color);
  10. border-radius: var(--padding) 0 0 var(--padding);
  11. padding: var(--padding);
  12. color: var(--font-color);
  13. min-height: calc(var(--padding) * 6.5);
  14. transition: transform 0.5s, right 0.5s;
  15. }
  16. .elements-bar .control-button button {
  17. position: absolute;
  18. top: calc(var(--padding) * 2);
  19. right: 100%;
  20. border: none;
  21. background-color: var(--elements-bar-color);
  22. color: var(--font-color);
  23. padding: calc(var(--padding) / 2);
  24. border-radius: calc(var(--padding) / 2) 0 0 calc(var(--padding) / 2);
  25. transition: transform 0.5s;
  26. }
  27. .elements-bar .control-button button:hover {
  28. transform: scale(1.2);
  29. }