From a17c4ae1bd59a080457a6394f706d19325e3b7e0 Mon Sep 17 00:00:00 2001 From: jonathan Date: Wed, 29 Mar 2023 13:06:09 +1030 Subject: [PATCH] trim down main stylesheet of unnecessary styles --- src/_includes/styles.css | 100 ++------------------------------------- 1 file changed, 3 insertions(+), 97 deletions(-) diff --git a/src/_includes/styles.css b/src/_includes/styles.css index dd7eec9..ce97cf0 100644 --- a/src/_includes/styles.css +++ b/src/_includes/styles.css @@ -1,13 +1,3 @@ -/* // Bootstrap overrides -// @import './base/bootstrap_overrides'; - -// Bootstrap -// @import './vendor/bootstrap'; */ - -/* @import './normalize.css'; */ - -/* / */ - /* Global variables. */ :root { /* Set sans-serif & mono fonts */ @@ -80,20 +70,12 @@ hr { body { color: var(--text); background: var(--bg); - /* background-size: cover; - background-attachment: fixed; */ line-height: 1.3; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; min-height: 100vh; - /* align-items: flex-start; */ - /* background-image: url("/img/l_ash02_big.jpg"); */ - /* font-size: 1.15rem; */ - /* height: 100vh; */ - /* margin: 20px; */ - /* padding: 0 1em; */ } main { @@ -105,9 +87,6 @@ main { padding: 15px; min-height: max-content; box-sizing: border-box; - /* // margin: 0 auto; */ - /* border: 2px solid var(--border); */ - /* border-radius: 15px; */ } aside { @@ -327,11 +306,12 @@ footer { border: 2px solid var(--border); } +/* simple lightbox pulled from https://codepen.io/nebo/pen/ONXejO */ + .trans { transition: all 0.25s ease; } - .lightbox { position: fixed; @@ -367,78 +347,4 @@ footer { top: 0; top: 50%; transform: translateY(-50%); -} - -/* body > footer { - margin-top: 4rem; - padding: 2rem 1rem 1.5rem 1rem; - color: var(--text-light); - font-size: 0.9rem; - text-align: center; - border-top: 1px solid var(--border); -} */ - -/* // body > header { -// text-align: center; -// padding: 0 0.5rem 2rem 0.5rem; -// box-sizing: border-box; -// } - -// body > header h1 { -// max-width: 100%; -// margin: 1rem auto; -// } */ - -/* Format navigation */ -/* // nav { -// border-bottom: 1px solid var(--border); -// font-size: 1rem; -// line-height: 2; -// padding: 1rem 0; -// display: flex; -// justify-content: center; -// align-items: center; -// width: 100%; -// padding-bottom: 2rem; -// } - -// nav a { -// margin: 1rem 1rem 0 0; -// color: var(--text) !important; -// padding: 0.1rem 1rem; -// } - -// nav a:hover { -// color: var(--accent) !important; -// } - -// nav a:last-child { -// margin-right: 0; -// } */ - -/* Reduce nav side on mobile */ -/* // @media only screen and (max-width: 750px) { -// nav a { -// border: none; -// padding: 0; -// color: var(--accent); -// text-decoration: underline; -// line-height: 1; -// } -// } */ - -/* Add a little padding to ensure spacing is correct between content and nav */ -/* // main { -// padding-top: 1.5rem; -// } */ - -/* Reduce header size on mobile */ -/* // @media only screen and (max-width: 720px) { -// h1 { -// font-size: 2.5rem; -// } - -// h2 { -// font-size: 2.1rem; -// } -// } */ \ No newline at end of file +} \ No newline at end of file