From 615d2211463e073a65b0de60c61ab1184b14b958 Mon Sep 17 00:00:00 2001 From: Dimitri Staessens Date: Wed, 19 Jun 2019 21:18:55 +0200 Subject: theme: Switch to ananke theme --- themes/ananke/src/css/_code.css | 24 ++++++ themes/ananke/src/css/_hugo-internal-templates.css | 31 +++++++ themes/ananke/src/css/_social-icons.css | 48 +++++++++++ themes/ananke/src/css/_styles.css | 16 ++++ themes/ananke/src/css/_tachyons.css | 94 ++++++++++++++++++++++ themes/ananke/src/css/main.css | 5 ++ themes/ananke/src/css/postcss.config.js | 8 ++ 7 files changed, 226 insertions(+) create mode 100644 themes/ananke/src/css/_code.css create mode 100644 themes/ananke/src/css/_hugo-internal-templates.css create mode 100644 themes/ananke/src/css/_social-icons.css create mode 100644 themes/ananke/src/css/_styles.css create mode 100644 themes/ananke/src/css/_tachyons.css create mode 100644 themes/ananke/src/css/main.css create mode 100644 themes/ananke/src/css/postcss.config.js (limited to 'themes/ananke/src/css') diff --git a/themes/ananke/src/css/_code.css b/themes/ananke/src/css/_code.css new file mode 100644 index 0000000..97e2d00 --- /dev/null +++ b/themes/ananke/src/css/_code.css @@ -0,0 +1,24 @@ +pre, .pre { + overflow-x: auto; + overflow-y: hidden; + overflow: scroll; +} + + +pre code { + display: block; + padding: 1.5em 1.5em; + white-space: pre; + font-size: .875rem; + line-height: 2; + +} + +pre { + background-color: #222; + color: #ddd; + white-space: pre; + + hyphens: none; + position: relative; +} diff --git a/themes/ananke/src/css/_hugo-internal-templates.css b/themes/ananke/src/css/_hugo-internal-templates.css new file mode 100644 index 0000000..eb133f1 --- /dev/null +++ b/themes/ananke/src/css/_hugo-internal-templates.css @@ -0,0 +1,31 @@ +/* pagination.html: https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L117 */ +.pagination { + margin: 3rem 0; +} + +.pagination li { + display: inline-block; + margin-right: .375rem; + font-size: .875rem; + margin-bottom: 2.5em; +} +.pagination li a { + padding: .5rem .625rem; + background-color: white; + color: #333; + border: 1px solid #ddd; + border-radius: 3px; + text-decoration: none; +} +.pagination li.disabled { + display: none; +} +.pagination li.active a:link, +.pagination li.active a:active, +.pagination li.active a:visited { + background-color: #ddd; +} + +#TableOfContents ul li { + margin-bottom: 1em; +} diff --git a/themes/ananke/src/css/_social-icons.css b/themes/ananke/src/css/_social-icons.css new file mode 100644 index 0000000..59ed072 --- /dev/null +++ b/themes/ananke/src/css/_social-icons.css @@ -0,0 +1,48 @@ +.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon { + fill: #BABABA; +} + +.new-window { + opacity: 0; + display: inline-block; + vertical-align: top; +} +.link-transition:hover .new-window{ + opacity: 1; +} + +.facebook:hover { + fill: #3b5998; +} + +.twitter:hover { + fill: #1da1f2; +} + +.instagram:hover { + fill: #e1306c; +} + +.youtube:hover { + fill: #cd201f; +} + +.github:hover { + fill: #6cc644; +} + +.gitlab:hover { + fill: #FC6D26; +} + +.linkedin:hover { + fill: #0077b5 +} + +.medium:hover { + fill: #0077b5 +} + +.mastodon:hover { + fill: #3088d4; +} diff --git a/themes/ananke/src/css/_styles.css b/themes/ananke/src/css/_styles.css new file mode 100644 index 0000000..b779610 --- /dev/null +++ b/themes/ananke/src/css/_styles.css @@ -0,0 +1,16 @@ +/* Put your custom styles here and run `npm start` from the "src" directory on */ + +#TableOfContents ul li { + margin-bottom: 1em; +} + +.lh-copy blockquote { + display: block; + font-size: .875em; + margin-left: 2rem; + margin-top: 2rem; + margin-bottom: 2rem; + border-left: 4px solid #ccc; + padding-left: 1rem; + +} \ No newline at end of file diff --git a/themes/ananke/src/css/_tachyons.css b/themes/ananke/src/css/_tachyons.css new file mode 100644 index 0000000..1147d30 --- /dev/null +++ b/themes/ananke/src/css/_tachyons.css @@ -0,0 +1,94 @@ +/*! TACHYONS v4.9.1 | http://tachyons.io */ + +/* + * + * ________ ______ + * ___ __/_____ _________ /______ ______________________ + * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ + * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) + * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ + * /____/ + * + * TABLE OF CONTENTS + * + * 1. External Library Includes + * - Normalize.css | http://normalize.css.github.io + * 2. Tachyons Modules + * 3. Variables + * - Media Queries + * - Colors + * 4. Debugging + * - Debug all + * - Debug children + * + */ + + +/* External Library Includes */ +@import 'tachyons/src/_normalize'; + + +/* Modules */ +@import 'tachyons/src/_box-sizing'; +@import 'tachyons/src/_aspect-ratios'; +@import 'tachyons/src/_images'; +@import 'tachyons/src/_background-size'; +@import 'tachyons/src/_background-position'; +@import 'tachyons/src/_outlines'; +@import 'tachyons/src/_borders'; +@import 'tachyons/src/_border-colors'; +@import 'tachyons/src/_border-radius'; +@import 'tachyons/src/_border-style'; +@import 'tachyons/src/_border-widths'; +@import 'tachyons/src/_box-shadow'; +@import 'tachyons/src/_code'; +@import 'tachyons/src/_coordinates'; +@import 'tachyons/src/_clears'; +@import 'tachyons/src/_display'; +@import 'tachyons/src/_flexbox'; +@import 'tachyons/src/_floats'; +@import 'tachyons/src/_font-family'; +@import 'tachyons/src/_font-style'; +@import 'tachyons/src/_font-weight'; +@import 'tachyons/src/_forms'; +@import 'tachyons/src/_heights'; +@import 'tachyons/src/_letter-spacing'; +@import 'tachyons/src/_line-height'; +@import 'tachyons/src/_links'; +@import 'tachyons/src/_lists'; +@import 'tachyons/src/_max-widths'; +@import 'tachyons/src/_widths'; +@import 'tachyons/src/_overflow'; +@import 'tachyons/src/_position'; +@import 'tachyons/src/_opacity'; +@import 'tachyons/src/_rotations'; +@import 'tachyons/src/_skins'; +@import 'tachyons/src/_skins-pseudo'; +@import 'tachyons/src/_spacing'; +@import 'tachyons/src/_negative-margins'; +@import 'tachyons/src/_tables'; +@import 'tachyons/src/_text-decoration'; +@import 'tachyons/src/_text-align'; +@import 'tachyons/src/_text-transform'; +@import 'tachyons/src/_type-scale'; +@import 'tachyons/src/_typography'; +@import 'tachyons/src/_utilities'; +@import 'tachyons/src/_visibility'; +@import 'tachyons/src/_white-space'; +@import 'tachyons/src/_vertical-align'; +@import 'tachyons/src/_hovers'; +@import 'tachyons/src/_z-index'; +@import 'tachyons/src/_nested'; +@import 'tachyons/src/_styles'; + +/* Variables */ +/* Importing here will allow you to override any variables in the modules */ +@import 'tachyons/src/_colors'; +@import 'tachyons/src/_media-queries'; + +/* Debugging */ +/* @import 'tachyons/src/_debug-children'; +@import 'tachyons/src/_debug-grid'; */ + +/* Uncomment out the line below to help debug layout issues */ +/* @import 'tachyons/src/_debug'; */ diff --git a/themes/ananke/src/css/main.css b/themes/ananke/src/css/main.css new file mode 100644 index 0000000..22ca703 --- /dev/null +++ b/themes/ananke/src/css/main.css @@ -0,0 +1,5 @@ +@import '_tachyons'; +@import '_code'; +@import '_hugo-internal-templates'; +@import '_social-icons'; +@import '_styles'; diff --git a/themes/ananke/src/css/postcss.config.js b/themes/ananke/src/css/postcss.config.js new file mode 100644 index 0000000..261591d --- /dev/null +++ b/themes/ananke/src/css/postcss.config.js @@ -0,0 +1,8 @@ +module.exports = { + plugins: { + 'postcss-import': {}, + 'postcss-cssnext': { + browsers: ['last 2 versions', '> 5%'], + } + } +}; -- cgit v1.2.3