Files
excalidraw/src/components/ToolIcon.scss
Guillermo Peralta Scura 1a03a29025 Use relative CSS units (#484)
2020-01-20 14:59:00 -08:00

60 lines
928 B
SCSS

.ToolIcon {
display: inline-block;
position: relative;
}
.ToolIcon__icon {
background-color: #e9ecef;
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--space-factor);
svg {
height: 1em;
}
}
.ToolIcon_size_s .ToolIcon__icon {
width: 1.4rem;
height: 1.4rem;
font-size: 0.8em;
}
.ToolIcon_type_button {
padding: 0;
border: none;
margin: 0;
font-size: inherit;
&:hover .ToolIcon__icon {
background-color: #e9ecef;
}
&:active .ToolIcon__icon {
background-color: #ced4da;
}
&:focus .ToolIcon__icon {
box-shadow: 0 0 0 2px #a5d8ff;
}
}
.ToolIcon_type_radio {
position: absolute;
opacity: 0;
&:hover + .ToolIcon__icon {
background-color: #e9ecef;
}
&:checked + .ToolIcon__icon {
background-color: #ced4da;
}
&:focus + .ToolIcon__icon {
box-shadow: 0 0 0 2px #a5d8ff;
}
}