Minor CSS changes

This commit is contained in:
Robin Ward 2017-08-15 13:17:15 -04:00
parent c3249f6e93
commit 4085c40e50
1 changed files with 18 additions and 4 deletions

View File

@ -437,24 +437,38 @@ a.star {
} }
} }
@mixin topic-footer-buttons-text {
line-height: 32px;
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
}
@mixin topic-footer-button {
margin-bottom: 5px;
margin-right: 10px;
}
#topic-footer-buttons { #topic-footer-buttons {
padding: 10px 10px 0 0; padding: 10px 10px 0 0;
float: left; float: left;
p { p {
line-height: 32px; @include topic-footer-buttons-text;
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
} }
.btn { .btn {
margin-bottom: 5px; @include topic-footer-button;
margin-right: 10px;
.d-icon-bookmark.bookmarked { color: $tertiary; } .d-icon-bookmark.bookmarked { color: $tertiary; }
} }
.bookmark.bookmarked .d-icon-bookmark { .bookmark.bookmarked .d-icon-bookmark {
color: $tertiary; color: $tertiary;
} }
}
.topic-notifications-container {
.btn {
@include topic-footer-button;
}
.notification-options p { .notification-options p {
@include topic-footer-buttons-text;
display: inline-block; display: inline-block;
} }
} }