MemeLabs / chat-gui

Strims.gg chat front-end
Other
18 stars 30 forks source link

add various emote modifiers #82

Open xDashh opened 5 years ago

xDashh commented 5 years ago

Proposed ideas that I could see implemented (pending that they don't look bad) :

WhiteNervosa commented 5 years ago

:frozen

.frozen > .chat-emote {
    opacity: 0.7;
    transform: scale(0.8, 0.8);
    top: 15px;
}

.frozen {
    top: -5px;
    width: 52px;
    height: 32px;
    background-image: url('data:image/png;base64,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');    
}

VrItQXD

jbpratt commented 5 years ago

@WhiteNervosa nice, feel free to make a separate branche and pull request. We are a bit constrained on time currently so it may take a bit until your PR is fully reviewed.

WhiteNervosa commented 5 years ago

Oh, its not in there anyway; I just saw the request here and thought I'd go ahead and make it. I'll push it if that is easier, thanks!