4 files changed, 247 insertions, 0 deletions
diff --git a/assets/css/common.scss b/assets/css/common.scss
new file mode 100644
index 0000000..26e4ec8
--- /dev/null
+++ b/assets/css/common.scss
@@ -0,0 +1,133 @@
+// bulma base
+@import "../sass/utilities/_all";
+@import "../sass/base/_all";
+@import "../sass/elements/container";
+@import "../sass/elements/content";
+@import "../sass/elements/title";
+@import "../sass/elements/tag";
+@import "../sass/elements/box";
+// @import "../sass/form/_all";
+@import "../sass/components/breadcrumb";
+@import "../sass/components/navbar";
+@import "../sass/components/pagination";
+@import "../sass/components/message";
+@import "../sass/components/card";
+@import "../sass/components/media";
+@import "../sass/grid/_all";
+@import "../sass/helpers/_all";
+@import "../sass/layout/_all";
+
+// my css
+
+/* overwrite bulma */
+.section, .hero-body {
+  padding: 3rem 3rem;
+}
+.tag a {
+  color: currentColor;
+}
+.pagination-link.is-current {
+  background-color: $primary;
+  border-color: $primary;
+  color: $white;
+}
+
+/* fixed footer */
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+#main {
+  flex: 1;
+}
+.footer {
+  /* border-top: 2px solid #f5f5f5; */
+  background: #fafafa;
+  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 1;
+}
+a {
+  color: $primary;
+}
+
+/* link */
+// u
+*:hover > .anchorjs-link {
+  transition: color .25s linear;
+}
+
+/* article content wrapper*/
+.sidebar {
+  height: 100%;
+}
+#toc {
+  padding-left: 2rem;
+}
+.fake-text {
+  color: transparent !important;
+}
+.shadow-hero {
+  box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.25);
+  position: relative;
+  // z-index: 1;
+}
+
+/*syntax highlight label*/
+.highlight {
+  position: relative;
+}
+.chroma code:before {
+  content: attr(data-lang);
+  position: absolute;
+  right: 0.5rem;
+  top: 0rem;
+  opacity: 0.5;
+  font-weight: 700;
+}
+
+/*category and tags*/
+.mytag {
+  background: transparent !important;
+  border: solid 2px;
+  font-size: 1rem !important;
+}
+.mytag a {
+  color: currentColor;
+}
+.post-tag {
+  margin-right: 0.5em;
+}
+.post-tag a {
+  color: currentColor;
+}
+.post-tag a:hover {
+  text-decoration: underline;
+}
+.post-meta {
+  opacity: 0.9;
+}
+
+/* posts */
+.post-box {
+  position: relative;
+}
+.post-box-tags {
+  position: absolute;
+  right: 0rem;
+  bottom: 0rem;
+}
+.post-box-tag {
+  color: $primary;
+  font-size: 0.8em;
+}
+.post-box-meta {
+  padding-top: 0.2rem;
+  padding-bottom: 0.1rem;
+  opacity: 0.8;
+  font-size: 0.9rem;
+}
+#back-to-top {
+  background: $primary;
+}
diff --git a/assets/css/hulga-dark.scss b/assets/css/hulga-dark.scss
new file mode 100644
index 0000000..2594cfb
--- /dev/null
+++ b/assets/css/hulga-dark.scss
@@ -0,0 +1,40 @@
+// bulma customize
+@charset "utf-8";
+
+// Import a Google Font
+// @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
+
+// Set your brand colors
+// $archblue: #1793d0;
+
+{{ if .Site.Params.primaryColor }}
+$primary: {{ .Site.Params.primaryColor }};
+{{end}}
+
+// Import only what you need from Bulma
+
+@import "../sass/dark/variables";
+
+
+// should I override night link color to primary ?
+{{ if .Site.Params.primaryColor }}
+$link: $primary;
+$link-hover: lighten($link, 5);
+$link-focus: darken($link, 5);
+$link-active: darken($link, 5);
+$link-focus-border: $grey-light;
+$pagination-color: $link;
+$pagination-border-color: $border;
+{{end}}
+
+@import "./common.scss";
+
+@import "../sass/dark/overrides";
+
+// dark override
+.sidebar {
+  height: 100%;
+}
+.footer {
+  background: #282f2f;
+}
diff --git a/assets/css/hulga.scss b/assets/css/hulga.scss
new file mode 100644
index 0000000..abed90a
--- /dev/null
+++ b/assets/css/hulga.scss
@@ -0,0 +1,17 @@
+// bulma customize
+@charset "utf-8";
+
+// Import a Google Font
+// @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
+
+// Set your brand colors
+// $archblue: #1793d0;
+
+{{ if .Site.Params.primaryColor }}
+$primary: {{ .Site.Params.primaryColor }};
+{{end}}
+
+// Update Bulma's global variables
+// can define primary color in theme config
+
+@import "./common.scss";
diff --git a/assets/css/toc.scss b/assets/css/toc.scss
new file mode 100644
index 0000000..eceb614
--- /dev/null
+++ b/assets/css/toc.scss
@@ -0,0 +1,57 @@
+{{ if .Site.Params.primaryColor}}
+$primary: {{ .Site.Params.primaryColor }};
+{{end}}
+
+/* TOC */
+.post-toc li {
+  list-style-type: none;
+  padding: 0.1em;
+}
+.toc {
+  overflow-y: auto;
+}
+.toc > .toc-list {
+  overflow: hidden;
+  position: relative;
+
+  li {
+    list-style: none;
+  }
+}
+.toc-list {
+  margin: 0;
+  padding-left: 1rem
+}
+a.toc-link {
+  color: currentColor;
+}
+.is-collapsible {
+  overflow: hidden;
+  transition: all 300ms ease-in-out
+}
+.is-collapsed {
+  max-height: 0
+}
+.is-position-fixed {
+  position: fixed !important;
+  top: 3rem
+}
+.is-active-link {
+  font-weight: 700
+}
+
+{{ if .Site.Params.primaryColor}}
+a.is-active-link {
+  color: $primary;
+}
+{{end}}
+.toc-link::before {
+  background-color: #EEE;
+  content: ' ';
+  display: inline-block;
+  height: inherit;
+  left: 0;
+  margin-top: -1px;
+  position: absolute;
+  width: 2px
+}