1
0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
blog/src/components/molecules/Search/SearchButton.module.scss
2019-11-16 14:06:03 +01:00

34 lines
445 B
SCSS

@import 'variables';
.searchButton {
padding: 0.65rem 0.85rem;
text-align: center;
line-height: 1;
vertical-align: middle;
display: inline-block;
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%);
}
}
}