aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/DocumentDecorations.scss
diff options
context:
space:
mode:
authordinhanhtruong <70963346+dinhanhtruong@users.noreply.github.com>2021-07-24 15:22:16 -0400
committerdinhanhtruong <70963346+dinhanhtruong@users.noreply.github.com>2021-07-24 15:22:16 -0400
commit98d01d622bb4f7093967d7040021f316d2faeaf8 (patch)
tree9a7cbe27663461b754da053003af433fc6b4bb44 /src/client/views/DocumentDecorations.scss
parent7b6de64a1244ba0944edf8301a7adc2cb1445f8a (diff)
parentc7a0a346238c55b8c223798f75cef758418aa051 (diff)
Merge branch 'master' into linking-anh
Diffstat (limited to 'src/client/views/DocumentDecorations.scss')
-rw-r--r--src/client/views/DocumentDecorations.scss28
1 files changed, 14 insertions, 14 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index db2d56aa8..1715f35e7 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -1,4 +1,4 @@
-@import "globalCssVariables";
+@import "global/globalCssVariables";
$linkGap : 3px;
@@ -49,7 +49,7 @@ $linkGap : 3px;
.documentDecorations-bottomResizer,
.documentDecorations-rightResizer {
pointer-events: auto;
- background: $alt-accent;
+ background: $medium-gray;
opacity: 0.1;
&:hover {
opacity: 1;
@@ -251,13 +251,13 @@ $linkGap : 3px;
}
.linkButton-empty:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
.linkButton-nonempty:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
@@ -271,7 +271,7 @@ $linkGap : 3px;
flex-direction: row;
z-index: 998;
position: absolute;
- background: $alt-accent;
+ background: $medium-gray;
}
.linkButtonWrapper {
@@ -286,8 +286,8 @@ $linkGap : 3px;
text-align: center;
border-radius: 50%;
pointer-events: auto;
- color: $dark-color;
- border: $dark-color 1px solid;
+ color: $dark-gray;
+ border: $dark-gray 1px solid;
}
.linkButton-linker:hover {
@@ -302,8 +302,8 @@ $linkGap : 3px;
border-radius: 50%;
opacity: 0.9;
pointer-events: auto;
- background-color: $dark-color;
- color: $light-color;
+ background-color: $dark-gray;
+ color: $white;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 75%;
@@ -314,7 +314,7 @@ $linkGap : 3px;
align-items: center;
&:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
@@ -343,13 +343,13 @@ $linkGap : 3px;
border-radius: 50%;
opacity: 0.9;
font-size: 14;
- background-color: $dark-color;
- color: $light-color;
+ background-color: $dark-gray;
+ color: $white;
text-align: center;
cursor: pointer;
&:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
}
}
@@ -365,7 +365,7 @@ $linkGap : 3px;
width: max-content;
font-family: $sans-serif;
font-size: 12px;
- background-color: $light-color-secondary;
+ background-color: $light-gray;
padding: 2px 12px;
list-style: none;