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 {
|
||||
$size: 18px;
|
||||
|
||||
@media (max-width: $tablet) {
|
||||
$size: 12px;
|
||||
}
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-size: $size;
|
||||
display: block;
|
||||
height: $size;
|
||||
width: $size;
|
||||
|
||||
@media (max-width: $phone) {
|
||||
background-size: 12px;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
@media (min-width: $laptop) {
|
||||
&:hover {
|
||||
transform: scale(1.2);
|
||||
|
|
|
|||
Loading…
Reference in a new issue