muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

stickers: rewritten it with JSX

Browse source
This commit is contained in:
muerwre 2018-12-05 14:43:19 +07:00
parent 0d9bad9095
commit fa9bff5756
2 changed files with 59 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/styles/stickers.less
View file

@ -1,7 +1,7 @@
.sticker-container {
outline: none;
position: relative;
// transition: transform 250ms;
transition: transform 250ms;
cursor: pointer;
z-index: 10;
@ -18,8 +18,8 @@
top: -24px;
position: absolute;
border-radius: 40px;
opacity: 0;
transform: scale(0.5);
opacity: 0.25;
transform: scale(0.6);
transition: opacity 250ms, transform 500ms;
}
@ -69,8 +69,8 @@
//}
svg {
left: -8px;
top: -8px;
left: -12px;
top: -12px;
position: relative;
z-index: 0;
}
@ -91,6 +91,7 @@
transform-origin: 0 0;
left: 0;
top: 0;
pointer-events: none;
&:after {
content: ' ';
@ -115,8 +116,8 @@
transform: scale(1);
opacity: 1;
pointer-events: all;
left: 70px;
top: 12px;
left: 42px;
top: 0;
z-index: 20;
&:hover {