aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/layout.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/layout.scss')
-rw-r--r--src/styles/layout.scss32
1 files changed, 17 insertions, 15 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index d87df2684..9f32bf2c4 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -42,6 +42,7 @@ html {
42 z-index: 200; 42 z-index: 200;
43 text-align: center; 43 text-align: center;
44 color: $theme-text-color; 44 color: $theme-text-color;
45 padding-bottom: 5px;
45 46
46 .sidebar__add-service { 47 .sidebar__add-service {
47 width: 32px; 48 width: 32px;
@@ -52,26 +53,27 @@ html {
52 color: $theme-gray-light; 53 color: $theme-gray-light;
53 } 54 }
54 55
55 .sidebar__settings-button { 56 .sidebar__button {
56 height: auto; 57 width: $theme-sidebar-width;
57 padding: 20px 0; 58 padding: 10px 0;
58 font-size: 12px; 59 font-size: 24px;
59 position: relative; 60 position: relative;
61 color: $theme-gray-light;
62 transition: color 0.25s, transform 0.25s;
60 63
61 .emoji { 64 &:hover {
62 position: absolute; 65 transform: scale(1.15);
63 top: 18px; 66 color: darken($theme-gray-light, 10%);
64 right: 12px; 67 }
65 68
66 img { 69 &:active {
67 width: 18px; 70 transition: transform 0.1s;
68 } 71 transform: scale(1);
69 } 72 }
70 }
71 73
72 .sidebar__logo { 74 &.is-muted {
73 width: 40px; 75 color: $theme-brand-primary;
74 height: auto; 76 }
75 } 77 }
76 78
77 & > div { 79 & > div {