Use new "any emoji" icon in light mode

This commit is contained in:
Ken Powers 2020-05-08 13:29:42 -04:00 committed by GitHub
parent 0d1786db8b
commit 9d24f0db83
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 29 additions and 2 deletions

View file

@ -5162,16 +5162,31 @@ button.module-image__border-overlay:focus {
background: rgba($color-white, 0.3);
}
&--more {
background: url('../images/any-emoji-32.svg') no-repeat center;
@include light-theme {
background: url('../images/any-emoji-32-light.svg') no-repeat center;
}
@include dark-theme {
background: url('../images/any-emoji-32-dark.svg') no-repeat center;
}
&::after {
content: '';
display: block;
width: 52px;
height: 52px;
background: url('../images/any-emoji-32-hover.svg') no-repeat center;
opacity: 0;
transition: opacity 400ms $ease-out-expo;
@include light-theme {
background: url('../images/any-emoji-32-light-hover.svg') no-repeat
center;
}
@include dark-theme {
background: url('../images/any-emoji-32-dark-hover.svg') no-repeat
center;
}
}
&:hover::after {