rsvp-reader/src/styles/IconButton.css

49 lines
700 B
CSS

.svgButton {
position: relative;
display: inline-block;
border: none;
border-radius: 2px;
background: none;
cursor: pointer;
padding: 3px;
/* width: 1.4em; */
/* height: 1.4em; */
font-size: 2em;
color: grey;
}
.svgButton svg {
outline: none;
transition: transform 0.1s linear;
vertical-align: middle;
}
.svgButton:focus {
outline: 2px dashed #17171d;
}
.svgButton:active {
top: 1px;
}
.svgButton:hover svg {
transform: scale(1.1);
}
.svgButton::-moz-focus-inner {
border: 0;
}
.svgButton[disabled] svg {
color: #c7c7c7;
transform: scale(1);
}
.a11yLabel {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
}