flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Location: Fix hover circle

Browse Source
This commit is contained in:
Félix Péault
2020-04-09 23:09:36 +02:00
parent d6671f0e94
commit e7ae106eb0
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/style/molecules/_location.scss
View File

@@ -78,12 +78,17 @@
z-index: 1; z-index: 1;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%) scale(0.94); transform: scale(0.6) translate(-50%, -50%);
transform-origin: 0 0;
display: block; display: block;
width: 216px; width: 216px;
height: 216px; height: 216px;
background: rgba($color-lightpurple, 0.3); background: rgba($color-lightpurple, 0.3);
border-radius: 100%; border-radius: 100%;
transition: all 85ms ease-in-out; transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart;
@include breakpoint (sm) {
transform: scale(0.94) translate(-50%, -50%);
}
} }
} }