Skip to content

Instantly share code, notes, and snippets.

@dvingerh
Created July 20, 2018 16:20
Show Gist options
  • Save dvingerh/d429923dd5d954fbe109bbfd074f2a33 to your computer and use it in GitHub Desktop.
Save dvingerh/d429923dd5d954fbe109bbfd074f2a33 to your computer and use it in GitHub Desktop.
.guilds-wrapper .guilds .guild.selected:before {
margin-top: -10px;
}
.guilds-wrapper .guilds .guild.selected {
z-index: 2;
transform: scale(1.2);
margin: 10px;
margin-left: 5px;
}
.guilds-wrapper .guilds .guild.unread:not(.selected)::before {
margin-top: 1px;
height: 15px;
border-radius: 10px;
}
.guilds-wrapper .guilds .guild:not(.guilds-add) {
height: 30px;
}
.guilds-wrapper .guilds .guild:first-child {
height: 50px;
}
.guilds-wrapper .guilds .guild.selected::before {
animation: selectserver 0.4s cubic-bezier(1, 0, 1, 0);
-webkit-animation: selectserver 0.4s cubic-bezier(1, 0, 1, 0);
}
.guilds-wrapper .guilds .guild.selected:hover::before = {
top: 31%;
}
.guilds-wrapper .guilds .guild:not(:first-child):not(.selected) div:not(.badge) {
transition: height 0.5s;
-webkit-transition: height 0.5s;
}
.guilds-wrapper .guilds .guild:not(:first-child):not(.selected):hover div:not(.badge) {
height: 50px;
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: height 0.5s;
-webkit-transition: height 0.5s;
margin-bottom: 0px;
}
.guilds-wrapper .guilds .guild:not(:first-child):not(.selected):hover {
z-index: 3;
}
.guilds-wrapper .guilds .guild .badge {
bottom: 14px;
}
.guilds-wrapper .guilds .guild:not(:first-child):not(.selected):hover .badge {
transform:scale(1.35);
bottom: 19px;
right: -7px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment