soapbox/app/styles/components/icon.scss

22 lines
365 B
SCSS
Raw Normal View History

2021-09-12 23:54:38 +00:00
.svg-icon {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s;
2021-09-12 23:54:38 +00:00
2021-09-21 02:13:22 +00:00
svg {
2021-09-20 20:33:28 +00:00
// Apparently this won't skew the image as long as it has a viewbox
width: 100%;
height: 100%;
transition: 0.2s;
2021-09-12 23:54:38 +00:00
}
}
.icon-button > div {
display: flex;
align-items: center;
justify-content: center;
}