Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use SCSS nesting in reactions.scss for `.reaction_button`.

This commit is contained in:
Vaibhav 2019-05-20 19:32:46 +05:30 committed by Tim Abbott
parent e8c072a4c8
commit ae47ddc16e
1 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
static/styles/reactions.scss
View File

@ -62,39 +62,41 @@
background-color: hsl(0, 0%, 98%);
}
.reaction_button i {
font-size: 1em;
margin-right: 3px;
}
.reaction_button {
i {
font-size: 1em;
margin-right: 3px;
}
.reaction_button:hover i {
color: hsl(200, 100%, 40%);
}
&:hover i {
color: hsl(200, 100%, 40%);
}
.reaction_button:only-child {
display: none;
}
&:only-child {
display: none;
}
.reaction_button:hover {
border: 1px solid hsl(200, 100%, 40%);
background-color: hsl(195, 50%, 95%);
cursor: pointer;
opacity: 1.0;
color: hsl(200, 100%, 40%);
}
&:hover {
border: 1px solid hsl(200, 100%, 40%);
background-color: hsl(195, 50%, 95%);
cursor: pointer;
opacity: 1.0;
color: hsl(200, 100%, 40%);
}
.reaction_button .message_reaction_count {
font-size: 1.1em;
color: hsl(0, 0%, 33%);
margin-left: 3px;
}
.message_reaction_count {
font-size: 1.1em;
color: hsl(0, 0%, 33%);
margin-left: 3px;
}
.reaction_button .message_reaction_count {
top: 0.5px;
}
.message_reaction_count {
top: 0.5px;
}
.reaction_button:hover .message_reaction_count {
color: hsl(200, 100%, 40%);
&:hover .message_reaction_count {
color: hsl(200, 100%, 40%);
}
}
}