some cleanup
Frank Homburg
3 years ago
parent
a81ca7ccb7
commit
339bba314a
@ -1,26 +0,0 @@
|
||||
/* About/bio section */
|
||||
.about__logo {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
.about__title {
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.about__title::before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* Social media links */
|
||||
.aside__social-links {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aside__social-links li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.aside__social-links li::marker {
|
||||
content: none;
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
:root {
|
||||
--bg: var(--black);
|
||||
--dark-bg: var(--dark-black);
|
||||
--bright-bg: var(--bright-black);
|
||||
--fg: var(--white);
|
||||
--bright-fg: var(--bright-white);
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
/* gruvbox dark mode
|
||||
* https://github.com/morhetz/gruvbox
|
||||
*/
|
||||
:root {
|
||||
--dark-black: #1d2021;
|
||||
--black: #282828;
|
||||
--bright-black: #928374;
|
||||
|
||||
--white: #ebdbb2;
|
||||
--bright-white: #fbf1c7;
|
||||
|
||||
--ttcblue: #9de1e6;
|
||||
--ttclilac: #a29de6;
|
||||
--ttcred: #e6a29d;
|
||||
--ttcyellow: #e1e69d;
|
||||
--tccyellow2: #e2e69d;
|
||||
|
||||
--tcclilac: #c69de6;
|
||||
--tviolet: #8A2BE2;
|
||||
--torange: #e28a2b;
|
||||
--tccgreen: #bde69d;
|
||||
--tgreen: #2BE28A;
|
||||
|
||||
--red: #cc241d;
|
||||
--green: #98971a;
|
||||
--yellow: #d79921;
|
||||
--blue: #458588;
|
||||
--magenta: #b16286;
|
||||
--cyan: #689d6a;
|
||||
--orange: #d65d0e;
|
||||
--gray: #928374;
|
||||
|
||||
--bright-red: #fb4934;
|
||||
--bright-green: #b8bb26;
|
||||
--bright-yellow: #fabd2f;
|
||||
--bright-blue: #83a598;
|
||||
--bright-magenta: #d3869b;
|
||||
--bright-cyan: #8ec07c;
|
||||
--bright-orange: #fe8019;
|
||||
--bright-gray: #a89984;
|
||||
}
|
||||
@ -1,30 +0,0 @@
|
||||
/* gruvbox light mode
|
||||
* https://github.com/morhetz/gruvbox
|
||||
*/
|
||||
:root {
|
||||
--dark-black: #282828;
|
||||
--black: #3c3836;
|
||||
--bright-black: #928374;
|
||||
|
||||
--white: #fbf1c7;
|
||||
--bright-white: #f9f5d7;
|
||||
|
||||
--red: #9d0006;
|
||||
--green: #79740e;
|
||||
--yellow: #b57614;
|
||||
--blue: #076678;
|
||||
--magenta: #8f3f71;
|
||||
--cyan: #427b58;
|
||||
--orange: #af3a03;
|
||||
--gray: #7c6f64;
|
||||
|
||||
--dark-white: #f2e5bc;
|
||||
--bright-red: #cc241d;
|
||||
--bright-green: #98971a;
|
||||
--bright-yellow: #d79921;
|
||||
--bright-blue: #458588;
|
||||
--bright-magenta: #b16286;
|
||||
--bright-cyan: #689d6a;
|
||||
--bright-orange: #d65d0e;
|
||||
--bright-gray: #928374;
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
:root {
|
||||
--bg: var(--white);
|
||||
--dark-bg: var(--dark-white);
|
||||
--bright-bg: var(--bright-black);
|
||||
--fg: var(--black);
|
||||
--bright-fg: var(--bright-black);
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
/* Override this file to customise the theme's CSS for your site */
|
||||
/* Format the accordion */
|
||||
details {
|
||||
padding: .6rem 1rem;
|
||||
background: var(--accent);
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
details.red-notice {
|
||||
background: var(--notice-red-bg);
|
||||
border-color: var(--notice-red-border);
|
||||
}
|
||||
|
||||
.red-notice h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
details[open] {
|
||||
padding-bottom: .75rem;
|
||||
}
|
||||
|
||||
details[open] summary {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
details[open]>*:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
.page__footer {
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
.page__footer p {
|
||||
margin: 0;
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
/* Main menu */
|
||||
.main-nav ul {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: flex-start;
|
||||
margin: 0;
|
||||
padding: 0.25rem 0;
|
||||
}
|
||||
|
||||
.main-nav li {
|
||||
margin-left: 2.5rem;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
.main-nav li::marker {
|
||||
content: "./";
|
||||
}
|
||||
|
||||
@ -1,64 +0,0 @@
|
||||
/* 1rem = 16px by default */
|
||||
|
||||
.page {
|
||||
max-width: 64rem;
|
||||
margin: 1rem auto;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"body"
|
||||
"aside"
|
||||
"footer";
|
||||
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
|
||||
grid-row-gap: 2rem;
|
||||
}
|
||||
|
||||
@media (min-width: 45rem) {
|
||||
.page {
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"body aside"
|
||||
"footer footer";
|
||||
grid-template-columns: minmax(0, 1fr) 15rem;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.page__header {
|
||||
grid-area: header;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.page__logo {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.page__nav {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
/* Body + aside */
|
||||
.page__body {
|
||||
grid-area: body;
|
||||
background-color: var(--bg);
|
||||
box-shadow: 0 0 0 1rem var(--bg);
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.page__aside {
|
||||
grid-area: aside;
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.page__footer {
|
||||
grid-area: footer;
|
||||
max-width: 64rem;
|
||||
margin: 1rem auto;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"footer";
|
||||
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
|
||||
grid-row-gap: 2rem;
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
.page__logo {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-weight: inherit;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.page__logo:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.page__logo-inner {
|
||||
display: block;
|
||||
background: var(--tviolet);
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
a.page__logo-inner:link, a.page__logo-inner:visited {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a.page__logo-inner:hover,
|
||||
a.page__logo-inner:active {
|
||||
background: var(--tcclilac);
|
||||
color: var(--dark-black);
|
||||
}
|
||||
|
||||
.page__logo-inner:before {
|
||||
content: "[";
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.page__logo-inner:after {
|
||||
content: "] $";
|
||||
color: var(--bg);
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
@import 'typography.css';
|
||||
@import 'layout.css';
|
||||
@import 'header.css';
|
||||
@import 'logo.css';
|
||||
@import 'about.css';
|
||||
@import 'footer.css';
|
||||
|
||||
body {
|
||||
background-color: var(--dark-bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
Loading…
Reference in New Issue