| 1 |
- {"version":3,"sources":["reactions.css"],"names":[],"mappings":"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","file":"reactions.css","sourcesContent":["$emoji-base-color: #FFDA6A;\r\n$emoji-like-color: #548DFF;\r\n$emoji-love-color: #F55064;\r\n$emoji-angry-color: #D5234C;\r\n$emoji-white-color: #FFFFFF;\r\n$emoji-black-color: #000000;\r\n$emoji-text-color: #8A8A8A;\r\n\r\n\r\n.emoji {\r\n font-size: 0.25px;\r\n\twidth: 120em;\r\n\theight: 120em;\r\n\tmargin: 15em 7em;\r\n\tbackground: $emoji-base-color;\r\n\tdisplay: inline-flex;\r\n\tborder-radius: 50%;\r\n\tposition: relative;\r\n \r\n\t&:hover {\r\n\t\ttransform: scale(1.2);\r\n\t}\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tbottom: -40em;\r\n\t\tfont-size: 18em;\r\n\t\twidth: 60em;\r\n\t\tleft: calc(50% - 30em);\r\n\t\tcolor: $emoji-text-color; \r\n\t}\r\n}\r\n\r\n.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {\r\n\tposition: absolute;\r\n\t\r\n\t&:before, &:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t} \r\n}\r\n\r\n.emoji__face {\r\n\twidth: inherit;\r\n\theight: inherit;\r\n}\r\n\r\n.emoji--like {\r\n\tbackground: $emoji-like-color;\r\n \r\n\t.emoji__hand {\r\n\t\tleft: 25em;\r\n\t\tbottom: 30em;\r\n\t\twidth: 20em;\r\n\t\theight: 40em; \r\n\t\tbackground: $emoji-white-color;\r\n\t\tborder-radius: 5em;\r\n\t\tz-index: 0;\r\n\t\tanimation: hands-up 2s linear infinite;\r\n\t\t\r\n\t\t&:before {\r\n\t\t\tleft: 25em;\r\n\t\t\tbottom: 5em;\r\n\t\t\twidth: 40em;\r\n\t\t\tbackground: inherit;\r\n\t\t\theight: 10em;\r\n\t\t\tborder-radius: 2em 10em 10em 2em;\r\n\t\t\tbox-shadow: 1em -9em 0 1em $emoji-white-color, 2em -19em 0 2em $emoji-white-color, 3em -29em 0 3em $emoji-white-color; \r\n\t\t} \r\n\t}\r\n \r\n\t.emoji__thumb {\r\n\t\tborder-bottom: 20em solid $emoji-white-color;\r\n\t\tborder-left: 20em solid transparent;\r\n\t\ttop: -25em;\r\n\t\tright: -25em;\r\n\t\tz-index: 2;\r\n\t\ttransform: rotate(5deg);\r\n\t\ttransform-origin: 0% 100%;\r\n\t\tanimation: thumbs-up 2s linear infinite;\r\n\r\n\t\t&:before {\r\n\t\t\tborder-radius: 50% 50% 0 0;\r\n\t\t\tbackground: $emoji-white-color;\r\n\t\t\twidth: 10em;\r\n\t\t\theight: 12em;\r\n\t\t\tleft: -10em;\r\n\t\t\ttop: -8em;\r\n\t\t\ttransform: rotate(-15deg);\r\n\t\t\ttransform-origin: 100% 100%;\r\n\t\t\tbox-shadow: -1em 4em 0 -1em $emoji-white-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--love {\r\n\tbackground: $emoji-love-color;\r\n \r\n\t.emoji__heart {\r\n\t\tleft: calc(50% - 40em);\r\n\t\ttop: calc(50% - 40em);\r\n\t\twidth: 80em;\r\n\t\theight: 80em;\r\n\t\tanimation: heart-beat 1s linear infinite alternate;\r\n\r\n\t\t&:before, &:after {\r\n\t\t\tleft: calc(50% - 20em);\r\n\t\t\ttop: calc(50% - 32em);\r\n\t\t\twidth: 40em;\r\n\t\t\theight: 64em;\r\n\t\t\tbackground: $emoji-white-color;\r\n\t\t\tborder-radius: 20em 20em 0 0;\r\n\t\t}\r\n\t \r\n\t\t&:before {\r\n\t\t\ttransform: translate(20em) rotate(-45deg);\r\n\t\t\ttransform-origin: 0 100%;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\ttransform: translate(-20em) rotate(45deg);\r\n\t\t\ttransform-origin :100% 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--haha {\r\n\r\n\t.emoji__face {\r\n\t\tanimation: haha-face 2s linear infinite;\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 26em;\r\n\t\theight: 6em;\r\n\t\tborder-radius: 2em;\r\n\t\tleft: calc(50% - 13em);\r\n\t\ttop: 35em;\r\n\t\ttransform: rotate(20deg);\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -25em 5em 0 0 $emoji-black-color, 25em -5em 0 0 $emoji-black-color;\r\n\t \r\n\t\t&:after {\r\n\t\t left: 0;\r\n\t\t top: 0;\r\n\t\t width: 26em;\r\n\t\t height: 6em;\r\n\t\t border-radius: 2em;\r\n\t\t transform: rotate(-40deg);\r\n\t\t background: transparent;\r\n\t\t box-shadow: -25em -5em 0 0 $emoji-black-color, 25em 5em 0 0 $emoji-black-color;\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 80em;\r\n\t\theight: 40em;\r\n\t\tleft: calc(50% - 40em);\r\n\t\ttop: 50%;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tborder-radius: 0 0 40em 40em;\r\n\t\toverflow: hidden;\r\n\t\tz-index: 1; \r\n\t\tanimation: haha-mouth 2s linear infinite;\r\n\t}\r\n \r\n\t.emoji__tongue {\r\n\t\twidth: 70em;\r\n\t\theight: 30em;\r\n\t\tbackground: $emoji-love-color;\r\n\t\tleft: calc(50% - 35em);\r\n\t\tbottom: -10em;\r\n\t\tborder-radius: 50%; \r\n\t} \r\n}\r\n\r\n.emoji--yay {\r\n\t&:after {\r\n\t\tanimation: yay-reverse 1s linear infinite;\r\n\t}\r\n \r\n\t.emoji__face {\r\n\t\tanimation: yay 1s linear infinite alternate;\r\n\t}\r\n\r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 30em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -6em 0 0 0 $emoji-black-color, -36em 0 0 0em $emoji-black-color, 6em 0 0 0 $emoji-black-color, 36em 0 0 0em $emoji-black-color;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 36em;\r\n\t\t\theight: 18em;\r\n\t\t\tborder-radius: 60em 60em 0 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 6em solid black;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-bottom: 0;\r\n\t\t\tbottom: 3em;\r\n\t\t\tleft: calc(50% - 18em);\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -21em; \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 21em; \r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\ttop: 60em;\r\n\t\tbackground: transparent;\r\n\t\tleft: 50%; \r\n\t \r\n\t\t&:after {\r\n\t\t width: 80em;\r\n\t\t height: 80em;\r\n\t\t left: calc(50% - 40em);\r\n\t\t top: -75em;\r\n\t\t border-radius: 50%;\r\n\t\t background: transparent; \r\n\t\t border: 6em solid $emoji-black-color;\r\n\t\t box-sizing: border-box;\r\n\t\t border-top-color: transparent;\r\n\t\t border-left-color: transparent;\r\n\t\t border-right-color: transparent;\r\n\t\t z-index: 1;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\twidth: 6em;\r\n\t\t\theight: 6em;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbottom: 5em;\r\n\t\t\tleft: calc(50% - 3em);\r\n\t\t\tbox-shadow: -25em 0 0 0 $emoji-black-color, 25em 0 0 0 $emoji-black-color, -35em -2em 30em 10em $emoji-angry-color, 35em -2em 30em 10em $emoji-angry-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--wow {\r\n .emoji__face {\r\n\tanimation: wow-face 3s linear infinite;\r\n }\t\r\n \r\n .emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -18em 0 0 0 $emoji-black-color, -33em 0 0 0 $emoji-black-color, 18em 0 0 0 $emoji-black-color, 33em 0 0 0 $emoji-black-color;\r\n\t\tanimation: wow-brow 3s linear infinite;\r\n\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 24em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: -3em;\r\n\t\t\tleft: calc(50% - 12em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -25em; \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 25em; \r\n\t\t}\r\n\t}\r\n\r\n\t.emoji__eyes {\r\n\t\twidth: 16em;\r\n\t\theight: 24em;\r\n\t\tleft: calc(50% - 8em);\r\n\t\ttop: 35em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 30em;\r\n\t\theight: 45em;\r\n\t\tleft: calc(50% - 15em);\r\n\t\ttop: 50%;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tanimation: wow-mouth 3s linear infinite;\r\n\t}\r\n}\r\n\r\n.emoji--sad {\r\n\r\n\t.emoji__face {\r\n\t\tanimation: sad-face 2s ease-in infinite;\r\n\t}\r\n \r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 35em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -40em 9em 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color, 25em 0 0 0 $emoji-black-color, 40em 9em 0 0 $emoji-black-color, ;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 30em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: 2em;\r\n\t\t\tleft: calc(50% - 15em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -30em;\r\n\t\t\ttransform: rotate(-30deg); \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 30em;\r\n\t\t\ttransform: rotate(30deg);\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 14em;\r\n\t\theight: 16em;\r\n\t\tleft: calc(50% - 7em);\r\n\t\ttop: 50em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\r\n\t\t&:after {\r\n\t\t\tbackground: $emoji-like-color;\r\n\t\t\twidth: 12em;\r\n\t\t\theight: 12em;\r\n\t\t\tmargin-left: 6em;\r\n\t\t\tborder-radius: 0 100% 40% 50% / 0 50% 40% 100%;\r\n\t\t\ttransform-origin: 0% 0%;\r\n\t\t\tanimation: tear-drop 2s ease-in infinite;\r\n\t\t} \r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 60em;\r\n\t\theight: 80em;\r\n\t\tleft: calc(50% - 30em);\r\n\t\ttop: 80em;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder: 6em solid $emoji-black-color; \r\n\t\tborder-radius: 50%;\r\n\t\tborder-bottom-color: transparent;\r\n\t\tborder-left-color: transparent;\r\n\t\tborder-right-color: transparent;\r\n\t\tbackground: transparent;\r\n\t\tanimation: sad-mouth 2s ease-in infinite;\r\n\r\n\t\t&:after {\r\n\t\t\twidth: 6em;\r\n\t\t\theight: 6em;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\ttop: 4em;\r\n\t\t\tleft: calc(50% - 3em);\r\n\t\t\tbox-shadow: -18em 0 0 0 $emoji-black-color, 18em 0 0 0 $emoji-black-color; \r\n\t\t} \r\n\t}\r\n}\r\n\r\n.emoji--angry {\r\n\tbackground: linear-gradient($emoji-angry-color -10%, $emoji-base-color);\r\n\tbackground-size: 100%;\r\n\tanimation: angry-color 2s ease-in infinite;\r\n \r\n\r\n .emoji__face {\r\n\t animation: angry-face 2s ease-in infinite;\r\n\t} \r\n\r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 55em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -44em 5em 0 0 $emoji-black-color, -7em 16em 0 0 $emoji-black-color, 7em 16em 0 0 $emoji-black-color, 44em 5em 0 0 $emoji-black-color, ;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 50em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-top-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: calc(50% - 25em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -25em;\r\n\t\t\ttransform: rotate(15deg); \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 25em;\r\n\t\t\ttransform: rotate(-15deg);\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 12em;\r\n\t\theight: 12em;\r\n\t\tleft: calc(50% - 6em);\r\n\t\ttop: 70em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 36em;\r\n\t\theight: 18em;\r\n\t\tleft: calc(50% - 18em);\r\n\t\tbottom: 15em;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: angry-mouth 2s ease-in infinite;\r\n\t} \r\n}\r\n\r\n@keyframes heart-beat {\r\n\t25% {transform: scale(1.1);}\r\n\t75% {transform: scale(0.6);}\r\n}\r\n\r\n@keyframes haha-face {\r\n\t10%, 30%, 50% {transform: translateY(25em);}\r\n\t20%, 40% {transform: translateY(15em);}\r\n\t60%, 80% {transform: translateY(0);}\r\n\t70%, 90% {transform: translateY(-10em);}\r\n}\r\n\r\n@keyframes haha-mouth {\r\n\t10%, 30%, 50% {transform: scale(0.6); top: 45%;}\r\n\t20%, 40% {transform: scale(0.8); top: 45%;}\r\n\t60%, 80% {transform: scale(1); top: 50%;}\r\n\t70% {transform: scale(1.2); top: 50%;}\r\n\t90% {transform: scale(1.1); top: 50%;}\r\n}\r\n\r\n@keyframes yay {\r\n\t25% {transform: rotate(-15deg);}\r\n\t75% {transform: rotate(15deg);}\r\n}\r\n\r\n@keyframes wow-face {\r\n\t15%, 25% {transform: rotate(20deg) translateX(-25em);}\r\n\t45%, 65% {transform: rotate(-20deg) translateX(25em);}\r\n\t75%, 100% {transform: rotate(0deg) translateX(0);}\r\n}\r\n\r\n@keyframes wow-brow {\r\n\t15%, 65% {top: 25em;}\r\n\t75%, 100%, 0% {top: 15em;}\r\n}\r\n\r\n@keyframes wow-mouth {\r\n\t10%, 30% {width: 20em; height: 20em; left: calc(50% - 10em);}\r\n\t50%, 70% {width: 30em; height: 40em; left: calc(50% - 15em);}\r\n\t75%, 100% {height: 50em;}\r\n}\r\n\r\n@keyframes sad-face {\r\n\t25%, 35% {top: -15em;}\r\n\t55%, 95% {top: 10em;}\r\n\t100%, 0% {top: 0;}\r\n}\r\n\r\n@keyframes sad-mouth {\r\n\t25%, 35% {transform: scale(0.85); top: 70em;}\r\n\t55%, 100%, 0% {transform: scale(1); top:80em;}\r\n}\r\n\r\n@keyframes tear-drop {\r\n\t0%, 100% {display:block; left: 35em; top: 15em; transform: rotate(45deg) scale(0);}\r\n\t25% {display:block; left: 35em; transform: rotate(45deg) scale(2);}\r\n\t49.9% {display:block; left: 35em; top: 65em; transform: rotate(45deg) scale(0);}\r\n\t50% {display:block; left: -35em; top: 15em; transform: rotate(45deg) scale(0);}\r\n\t75% {display:block; left: -35em; transform: rotate(45deg) scale(2);}\r\n\t99.9% {display:block; left: -35em; top: 65em; transform: rotate(45deg) scale(0);}\r\n}\r\n\r\n@keyframes hands-up {\r\n\t25% {transform: rotate(15deg);}\r\n\t50% {transform: rotate(-15deg) translateY(-10em);}\r\n\t75%, 100% {transform: rotate(0deg);}\r\n}\r\n\r\n@keyframes thumbs-up {\r\n\t25% {transform: rotate(20deg);}\r\n\t50%, 100% {transform: rotate(5deg);}\r\n}\r\n\r\n@keyframes angry-color {\r\n\t45%, 60% {background-size: 250%;}\r\n\t85%, 100%, 0% {background-size: 100%;}\r\n}\r\n\r\n@keyframes angry-face {\r\n\t35%, 60% {transform: translateX(0) translateY(10em) scale(0.9);}\r\n\t40%, 50% {transform: translateX(-5em) translateY(10em) scale(0.9);}\r\n\t45%, 55% {transform: translateX(5em) translateY(10em) scale(0.9);}\r\n}\r\n\r\n@keyframes angry-mouth {\r\n\t25%, 50% {height: 6em; bottom: 25em;}\r\n}"]}
|
