archive-gh-me/gitmoji
1
0
Fork 0
mirror of https://github.com/carloscuesta/gitmoji.git synced 2025-12-08 20:14:12 +00:00
Code Issues Projects Releases Wiki Activity

🎨 Update styles

Browse Source 
Add .emoji-visible class to display the random emoji instead of setting the styles via JS, created a .single-emoji-logo to set opacity to 0 by default instead of using # selectors.
This commit is contained in:
Carlos Cuesta 2016-11-08 17:28:58 +01:00 committed by GitHub
parent 74de9ab2a3
commit ba0e1860fd
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/style.scss
View File

@ -54,6 +54,10 @@ section {
}
}
.single-emoji-logo {
opacity: 0;
}
.emoji-container {
background-color: #f5f5f5;
}
@ -147,6 +151,10 @@ main.wrap {
display: flex;
align-items: center;
}
&-visible {
opacity: 1;
}
}
.icon {
@ -209,10 +217,6 @@ main.wrap {
}
}
#joy, #loved, #haha, #sunglasses, #sexy, #tongue {
opacity: 0;
}
@keyframes zomg {
0%, 100% { color: #7ccdea;}
16% { color: #0074D9;}