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