diff options
| author | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2021-07-22 15:27:03 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-22 15:27:03 -0400 |
| commit | 2b2329a928772b3e0d45fca1e99ef29116c582f2 (patch) | |
| tree | a4486669d6850fa0137e15beb1abce4d933cfd7d /src/client/views/DocumentButtonBar.scss | |
| parent | 491fb6fc41792b1dfe7e3f9210b07a6b8e1eb0a7 (diff) | |
| parent | b4ad8cc62c51648c41f4b0ea2816f9086ed5c711 (diff) | |
Merge pull request #20 from brown-dash/Ashley
CSS Changes and standardization guidelines
Diffstat (limited to 'src/client/views/DocumentButtonBar.scss')
| -rw-r--r-- | src/client/views/DocumentButtonBar.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/client/views/DocumentButtonBar.scss b/src/client/views/DocumentButtonBar.scss index 09ae14016..2a0b494f5 100644 --- a/src/client/views/DocumentButtonBar.scss +++ b/src/client/views/DocumentButtonBar.scss @@ -1,4 +1,4 @@ -@import "globalCssVariables"; +@import "global/globalCssVariables"; $linkGap : 3px; @@ -7,13 +7,13 @@ $linkGap : 3px; } .documentButtonBar-linkButton-empty:hover { - background: $main-accent; + background: $medium-gray; transform: scale(1.05); cursor: pointer; } .documentButtonBar-linkButton-nonempty:hover { - background: $main-accent; + background: $medium-gray; transform: scale(1.05); cursor: pointer; } @@ -25,8 +25,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%; @@ -37,7 +37,7 @@ $linkGap : 3px; align-items: center; &:hover { - background: $main-accent; + background: $medium-gray; transform: scale(1.05); cursor: pointer; } @@ -64,12 +64,12 @@ $linkGap : 3px; text-align: center; border-radius: 50%; pointer-events: auto; - background-color: $dark-color; + background-color: $dark-gray; border: none; transition: 0.2s ease all; &:hover { - background-color: $main-accent; + background-color: $medium-gray; } } |