mirror of
https://github.com/overleaf/overleaf.git
synced 2025-03-13 23:22:30 +00:00
Add a buttons mixin.
This commit is contained in:
parent
5814d93f5e
commit
cc8fdf6b8d
1 changed files with 18 additions and 20 deletions
|
@ -26,6 +26,17 @@
|
|||
|
||||
@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) {
|
||||
position: absolute;
|
||||
|
@ -306,20 +317,11 @@
|
|||
}
|
||||
}
|
||||
.rp-entry-button {
|
||||
flex: 1 0 50%;
|
||||
background-color: @rp-highlight-blue;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
.rp-button();
|
||||
flex: 1 1 50%;
|
||||
border-right: solid 1px #FFF;
|
||||
padding: 2px 0;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken(@rp-highlight-blue, 5%);
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-right-radius: 3px;
|
||||
border-right-width: 0;
|
||||
|
@ -382,19 +384,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
.rp-comment-resolved-description {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.rp-add-comment-btn {
|
||||
.rp-button();
|
||||
display: block;
|
||||
background-color: @rp-highlight-blue;
|
||||
color: #FFF;
|
||||
padding: 5px 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken(@rp-highlight-blue, 5%);
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
.rp-new-comment {
|
||||
|
|
Loading…
Reference in a new issue