1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-10 11:35:10 +02:00
blog/src/components/molecules/Search/SearchButton.module.scss
2020-05-19 23:32:30 +02:00

33 lines
414 B
SCSS

@import 'variables';
.searchButton {
padding: $spacer / 2;
vertical-align: middle;
display: inline-block;
margin: 0;
margin-right: $spacer / 4;
&:focus {
outline: 0;
}
svg {
stroke: $brand-grey-light;
width: 24px;
height: 24px;
}
&:hover,
&:focus {
svg {
stroke: $brand-cyan;
}
}
&:active {
svg {
stroke: darken($brand-cyan, 30%);
}
}
}