mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-11-15 06:33:55 +01:00
Add a buttons mixin.
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user