feat: style adjustment

2020-10-04 15:58:32 +02:00
parent 12578a5769
commit 1749a9168f
5 changed files with 32 additions and 24 deletions
@@ -12,6 +12,14 @@
    flex-direction: column;
    flex-shrink: 0;

+    --sidebar-avatar-size: 150px;
+    --sidebar-element-separation: 25px;
+
+    @media (max-width: $on-desktop-large) {
+        --sidebar-avatar-size: 120px;
+        --sidebar-element-separation: 20px;
+    }
+
    @media (max-width: $on-phone) {
        width: 100%;
        padding: 30px 0;
@@ -49,6 +57,7 @@
 .site-info {
    z-index: 1;
    transition: box-shadow 0.5s ease;
+
    @media (max-width: $on-phone) {
        padding: 15px 30px;
    }
@@ -56,14 +65,10 @@
    .site-avatar {
        position: relative;
        margin: 0;
-        margin-bottom: 25px;
-        width: 150px;
-        height: 150px;
+        width: var(--sidebar-avatar-size);
+        height: var(--sidebar-avatar-size);

-        @media (max-width: $on-desktop-large) {
-            height: 120px;
-            width: 120px;
-        }
+        margin-bottom: var(--sidebar-element-separation);

        .site-logo {
            width: 100%;