hscc

commit ca87ec6acef538453f16a37e295db52073f7e419
parent 1efebf240ef4143373d99e1749838e036e3f33fe
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Fri, 13 Nov 2020 20:14:04 -0500

Enhance some styles

Diffstat:
M
src/scss/atoms/_logo.scss
 | 
7
+++++--
M
src/scss/atoms/buttons/_button.scss
 | 
16
+++++++++-------
M
src/scss/global/_base.scss
 | 
7
+++----
M
src/scss/modules/_footer-banner.scss
 | 
8
++++++--
M
src/scss/modules/_go-to.scss
 | 
4
++--
M
src/scss/modules/_hentry.scss
 | 
22
++++++++++++----------
M
src/scss/modules/_hresume.scss
 | 
18
++++++++++++------

7 files changed, 49 insertions(+), 33 deletions(-)
diff --git a/src/scss/atoms/_logo.scss b/src/scss/atoms/_logo.scss
@@ -1,10 +1,13 @@
 @mixin logo {
     background: var(--base-darkest);
     color: var(--base-br-light);
-    content: '://hugo.soucy.cc';
+    content: '://hscc';
     display: inline-block;
-    font-size: 1.25rem;
     font-weight: 700;
     padding-right: 2rem;
     text-transform: lowercase;
+
+    @include mq-from(md) {
+        content: '://hugo.soucy.cc';
+    }
 }
diff --git a/src/scss/atoms/buttons/_button.scss b/src/scss/atoms/buttons/_button.scss
@@ -1,15 +1,11 @@
 //
-%button,
-[role="button"],
-[type="submit"],
-[type="reset"] {
+%button {
     appearance: none;
     display: inline-flex;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     text-decoration: none;
-    //transition: all 250ms ease-in-out;
     user-select: none;
     vertical-align: middle;
 
@@ -18,13 +14,19 @@
     }
 }
 
-.button {
+.button,
+[role="button"],
+[type="button"],
+[type="submit"],
+[type="reset"] {
     @extend %button;
     align-items: center;
     background: var(--base-darkest);
     color: var(--base-brightest);
     justify-content: center;
-    padding: 0.75em;
+    margin-bottom: var(--base-space);
+    margin-right: var(--base-space);
+    padding: calc(var(--base-space) * 2);
 
     svg:first-child:not(:last-child) {
         margin-right: var(--base-space);
diff --git a/src/scss/global/_base.scss b/src/scss/global/_base.scss
@@ -28,12 +28,11 @@ body {
 }
 
 body {
-    background: var(--base-bg) url("//assets.soucy.cc/images/noise.png") repeat;
-    margin: 0;
-    padding: 0;
-
+    background: var(--base-bg) url("/images/noise.png") repeat;
     display: flex;
     flex-direction: column;
+    margin: 0;
+    padding: 0;
 
     & > * {
         margin-top: 1rem;
diff --git a/src/scss/modules/_footer-banner.scss b/src/scss/modules/_footer-banner.scss
@@ -15,9 +15,13 @@
   }
 
   &__wrapper {
-      display: flex;
-      justify-content: space-between;
       padding-bottom: 2rem;
       padding-top: 2rem;
+
+      @include mq-from(md) {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+      }
   }
 }
diff --git a/src/scss/modules/_go-to.scss b/src/scss/modules/_go-to.scss
@@ -17,8 +17,8 @@
             &::before {
                 @include logo;
                 border-right: 1px solid var(--base-br-light);
-                margin-right: 1rem;
-                padding: 0.5rem 1rem 0.5rem 2rem;
+                margin-right: 2rem;
+                padding: 0.5rem 2rem 0.5rem 2rem;
             }
         }
     }
diff --git a/src/scss/modules/_hentry.scss b/src/scss/modules/_hentry.scss
@@ -5,13 +5,15 @@
         margin-top: calc(var(--base-space) * 6);
     }
 
-    // & > h1 a {
-    //     all: inherit;
-    // }
+    .p-content {
+        :last-child {
+            margin-bottom: 0;
+        }
+    }
 
     // In feed
-    .hfeed & {        
-        border-top: 1px solid var(--base-br);        
+    .hfeed & {
+        border-top: 1px solid var(--base-br);
         padding-bottom: calc(var(--base-space) * 10);
         padding-top: calc(var(--base-space) * 10);
         position: relative;
@@ -24,7 +26,7 @@
 
         &:first-child {
             margin-top: calc(var(--base-space) * 10);
-        }        
+        }
 
         a:not(.u-url) {
             position: relative;
@@ -58,13 +60,13 @@
             color: var(--base-darkest-grey);
             padding: 0.25rem;
         }
-    }    
+    }
 
     &__footer {
-        font-size: calc(1rem * calc(13 / 16));        
+        font-size: calc(1rem * calc(13 / 16));
 
         article.hentry > & {
-            border-top: 1px solid var(--base-grey);    
+            border-top: 1px solid var(--base-grey);
             padding-top: calc(var(--base-space) * 4);
         }
 
@@ -72,5 +74,5 @@
             margin-bottom: 0;
             margin-top: calc(var(--base-space) * 4);
         }
-    }    
+    }
 }
diff --git a/src/scss/modules/_hresume.scss b/src/scss/modules/_hresume.scss
@@ -2,12 +2,8 @@
 .h-resume {
     & > * + *:not(.h-card) {
         border-top: 1px solid var(--base-br);
-        margin-top: calc(var(--base-space) * 20);
-        padding-top: calc(var(--base-space) * 20);
-    }
-
-    hr {
-        display: none;
+        padding-bottom: calc(var(--base-space) * 10);
+        padding-top: calc(var(--base-space) * 10);
     }
 
     section,
@@ -16,5 +12,15 @@
             margin-top: calc(var(--base-space) * 6);
         }
     }
+
+    .h-card {
+        margin-bottom: calc(var(--base-space) * 10);
+    }
+
+    .p-experience {
+        & + & {
+            margin-top: calc(var(--base-space) * 6);
+        }
+    }
 }
 //