commit ca87ec6acef538453f16a37e295db52073f7e419
parent 1efebf240ef4143373d99e1749838e036e3f33fe
Author: Hugo Soucy <hugo@soucy.cc>
Date: Fri, 13 Nov 2020 20:14:04 -0500
Enhance some styles
Diffstat:
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);
+ }
+ }
}
//