1 line
21 KiB
Plaintext
1 line
21 KiB
Plaintext
{"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}"]} |