diff options
Diffstat (limited to 'src/styles/layout.scss')
-rw-r--r-- | src/styles/layout.scss | 32 |
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 { |