hscc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator.
Log | Files | Refs

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

Enhance some styles

Diffstat:
Msrc/scss/atoms/_logo.scss | 7+++++--
Msrc/scss/atoms/buttons/_button.scss | 16+++++++++-------
Msrc/scss/global/_base.scss | 7+++----
Msrc/scss/modules/_footer-banner.scss | 8++++++--
Msrc/scss/modules/_go-to.scss | 4++--
Msrc/scss/modules/_hentry.scss | 22++++++++++++----------
Msrc/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); + } + } } //