SidebarLockButton.scss 500 B

12345678910111213141516171819202122
  1. @import "../css/variables.module";
  2. .excalidraw {
  3. .layer-ui__sidebar-lock-button {
  4. @include toolbarButtonColorStates;
  5. margin-right: 0.2rem;
  6. }
  7. .ToolIcon_type_floating .side_lock_icon {
  8. width: calc(var(--space-factor) * 7);
  9. height: calc(var(--space-factor) * 7);
  10. svg {
  11. // mirror
  12. transform: scale(-1, 1);
  13. }
  14. }
  15. .ToolIcon_type_checkbox {
  16. &:not(.ToolIcon_toggle_opaque):checked + .side_lock_icon {
  17. background-color: var(--color-primary);
  18. }
  19. }
  20. }