diaspora/app/assets/stylesheets/new_styles/_interactions.scss
2015-07-03 15:31:29 +02:00

59 lines
1.1 KiB
SCSS

.control-icons {
a {
&:hover { text-decoration: none; }
[class^="entypo-"], [class*="entypo-"] {
color: $text-grey;
font-size: $font-size-base;
line-height: $line-height-base;
vertical-align: middle;
&:hover { color: $text; }
&.cross { font-size: $line-height-base; }
}
&.hide_conversation i {
font-size: $line-height-computed*1.5;
}
&.delete_conversation i {
font-size: $font-size-base*1.5;
}
&.destroy_participation i {
color: $black;
&:hover { color: $text-dark-grey; }
}
}
}
.stream_container, #single-post-interactions {
.control-icons {
z-index: 6;
float: right;
.block_user,
.comment_report,
.create_participation,
.delete,
.destroy_participation,
.post_report {
display: inline-block;
}
& > a:hover {
text-decoration: none;
}
}
.stream_element, .comment, .photo, .stream_element:hover .comment {
.control-icons > a {
@include transition(opacity);
opacity: 0;
}
&:hover .control-icons {
& > a { opacity: 0.8; }
& > a:hover { opacity: 1; }
}
}
}