Fix sizing and hover behavior for desktop
This commit is contained in:
parent
265cab0527
commit
4a2fe46078
1 changed files with 6 additions and 4 deletions
|
|
@ -1,16 +1,18 @@
|
||||||
.UncapStar {
|
.UncapStar {
|
||||||
$size: 18px;
|
$size: 18px;
|
||||||
|
|
||||||
@media (max-width: $tablet) {
|
|
||||||
$size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: $size;
|
background-size: $size;
|
||||||
display: block;
|
display: block;
|
||||||
height: $size;
|
height: $size;
|
||||||
width: $size;
|
width: $size;
|
||||||
|
|
||||||
|
@media (max-width: $phone) {
|
||||||
|
background-size: 12px;
|
||||||
|
height: 12px;
|
||||||
|
width: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: $laptop) {
|
@media (min-width: $laptop) {
|
||||||
&:hover {
|
&:hover {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue