excalidraw/src/components/Toolbar.scss

51 lines
977 B
SCSS

@import "open-color/open-color.scss";
@import "../css/variables.module";
.excalidraw {
.App-toolbar {
&.zen-mode {
.ToolIcon__keybinding,
.HintViewer {
display: none;
}
}
&__divider {
width: 1px;
height: 1.5rem;
align-self: center;
background-color: var(--default-border-color);
margin: 0 0.25rem;
@include isMobile {
margin: 0;
}
}
}
.App-toolbar__extra-tools-trigger {
box-shadow: none;
border: 0;
background-color: transparent;
&:active {
background-color: var(--button-hover-bg);
box-shadow: 0 0 0 1px
var(--button-active-border, var(--color-primary-darkest)) inset;
}
&--selected,
&--selected:hover {
background: var(--color-primary-light);
color: var(--color-primary);
}
}
.App-toolbar__extra-tools-dropdown {
margin-top: 0.375rem;
right: 0;
min-width: 11.875rem;
z-index: 1;
}
}