Add a buttons mixin.

This commit is contained in:
Paulo Reis
2016-11-21 11:16:13 +00:00
parent 5814d93f5e
commit cc8fdf6b8d
@@ -26,6 +26,17 @@
@rp-toolbar-height: 32px; @rp-toolbar-height: 32px;
.rp-button() {
background-color: @rp-highlight-blue;
color: #FFF;
text-align: center;
&:hover,
&:focus {
background-color: darken(@rp-highlight-blue, 5%);
text-decoration: none;
color: #FFF;
}
}
.triangle(@_, @width, @height, @color) { .triangle(@_, @width, @height, @color) {
position: absolute; position: absolute;
@@ -306,20 +317,11 @@
} }
} }
.rp-entry-button { .rp-entry-button {
flex: 1 0 50%; .rp-button();
background-color: @rp-highlight-blue; flex: 1 1 50%;
color: #FFF;
text-align: center;
border-right: solid 1px #FFF; border-right: solid 1px #FFF;
padding: 2px 0; padding: 2px 0;
&:hover,
&:focus {
background-color: darken(@rp-highlight-blue, 5%);
text-decoration: none;
color: #FFF;
}
&:last-child { &:last-child {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-right-width: 0; border-right-width: 0;
@@ -382,19 +384,15 @@
} }
} }
.rp-comment-resolved-description {
padding: 5px;
}
.rp-add-comment-btn { .rp-add-comment-btn {
.rp-button();
display: block; display: block;
background-color: @rp-highlight-blue;
color: #FFF;
padding: 5px 10px; padding: 5px 10px;
border-radius: 3px; border-radius: 3px;
&:hover,
&:focus {
background-color: darken(@rp-highlight-blue, 5%);
text-decoration: none;
color: #FFF;
}
} }
.rp-new-comment { .rp-new-comment {