jekyll-theme-katydecorah 0.1.3

data/_sass/_code.scss

@@ -0,0 +1,308 @@
+pre.highlight {
+  max-height: 400px;
+  overflow: auto;
+}
+
+code,
+pre {
+  @extend %code-type;
+
+  background: $white;
+  border-radius: 0.2em;
+  hyphens: none;
+  tab-size: 4;
+  white-space: pre-wrap;
+  word-break: break-word;
+  word-spacing: normal;
+}
+
+pre {
+  margin: 1em 0;
+  padding: 1em;
+
+  code {
+    background: none;
+    padding: 0;
+  }
+}
+
+code {
+  padding: 0 0.25em;
+}
+
+// Adapted from https://gist.github.com/edwardhotchkiss/2005058
+.highlight {
+  .c {
+    color: $highlightcomment;
+  }
+
+  .err {
+    color: $highlighterror;
+  }
+
+  .g {
+    color: $highlightgeneric;
+  }
+
+  .k {
+    color: $highlightkeyword;
+  }
+
+  .l {
+    color: $highlightliteral;
+  }
+
+  .n {
+    color: $highlightname;
+  }
+
+  .o {
+    color: $highlightoperator;
+  }
+
+  .x {
+    color: $highlightother;
+  }
+
+  .p {
+    color: $highlightpunctuation;
+  }
+
+  .cm {
+    color: $highlightcommentmultiline;
+  }
+
+  .cp {
+    color: $highlightcommentpreproc;
+  }
+
+  .c1 {
+    color: $highlightcommentsingle;
+  }
+
+  .cs {
+    color: $highlightcommentspecial;
+  }
+
+  .gd {
+    color: $highlightgenericdeleted;
+  }
+
+  .ge {
+    color: $highlightgenericemph;
+    font-style: italic;
+  }
+
+  .gr {
+    color: $highlightgenericerror;
+  }
+
+  .gh {
+    color: $highlightgenericheading;
+  }
+
+  .gi {
+    color: $highlightgenericinserted;
+  }
+
+  .go {
+    color: $highlightgenericoutput;
+  }
+
+  .gp {
+    color: $highlightgenericprompt;
+  }
+
+  .gs {
+    color: $highlightgenericstrong;
+    font-weight: bold;
+  }
+
+  .gu {
+    color: $highlightgenericsubheading;
+  }
+
+  .gt {
+    color: $highlightgenerictraceback;
+  }
+
+  .kc {
+    color: $highlightkeywordconstant;
+  }
+
+  .kd {
+    color: $highlightkeyworddeclaration;
+  }
+
+  .kn {
+    color: $highlightkeywordnamespace;
+  }
+
+  .kp {
+    color: $highlightkeywordpseudo;
+  }
+
+  .kr {
+    color: $highlightkeywordreserved;
+  }
+
+  .kt {
+    color: $highlightkeywordtype;
+  }
+
+  .ld {
+    color: $highlightliteraldate;
+  }
+
+  .m {
+    color: $highlightliteralnumber;
+  }
+
+  .s {
+    color: $highlightliteralstring;
+  }
+
+  .na {
+    color: $highlightnameattribute;
+  }
+
+  .nb {
+    color: $highlightnamebuiltin;
+  }
+
+  .nc {
+    color: $highlightnameclass;
+  }
+
+  .no {
+    color: $highlightnameconstant;
+  }
+
+  .nd {
+    color: $highlightnamedecorator;
+  }
+
+  .ni {
+    color: $highlightnameentity;
+  }
+
+  .ne {
+    color: $highlightnameexception;
+  }
+
+  .nf {
+    color: $highlightnamefunction;
+  }
+
+  .nl {
+    color: $highlightnamelabel;
+  }
+
+  .nn {
+    color: $highlightnamenamespace;
+  }
+
+  .nx {
+    color: $highlightnameother;
+  }
+
+  .py {
+    color: $highlightnameproperty;
+  }
+
+  .nt {
+    color: $highlightnametag;
+  }
+
+  .nv {
+    color: $highlightnamevariable;
+  }
+
+  .ow {
+    color: $highlightoperatorword;
+  }
+
+  .w {
+    color: $highlighttextwhitespace;
+  }
+
+  .mf {
+    color: $highlightliteralnumberfloat;
+  }
+
+  .mh {
+    color: $highlightliteralnumberhex;
+  }
+
+  .mi {
+    color: $highlightliteralnumberinteger;
+  }
+
+  .mo {
+    color: $highlightliteralnumberoct;
+  }
+
+  .sb {
+    color: $highlightliteralstringbacktick;
+  }
+
+  .sc {
+    color: $highlightliteralstringchar;
+  }
+
+  .sd {
+    color: $highlightliteralstringdoc;
+  }
+
+  .s2 {
+    color: $highlightliteralstringdouble;
+  }
+
+  .se {
+    color: $highlightliteralstringescape;
+  }
+
+  .sh {
+    color: $highlightliteralstringheredoc;
+  }
+
+  .si {
+    color: $highlightliteralstringinterpol;
+  }
+
+  .sx {
+    color: $highlightliteralstringother;
+  }
+
+  .sr {
+    color: $highlightliteralstringregex;
+  }
+
+  .s1 {
+    color: $highlightliteralstringsingle;
+  }
+
+  .ss {
+    color: $highlightliteralstringsymbol;
+  }
+
+  .bp {
+    color: $highlightnamebuiltinpseudo;
+  }
+
+  .vc {
+    color: $highlightnamevariableclass;
+  }
+
+  .vg {
+    color: $highlightnamevariableglobal;
+  }
+
+  .vi {
+    color: $highlightnamevariableinstance;
+  }
+
+  .il {
+    color: $highlightliteralnumberintegerlong;
+  }
+}

data/_sass/_footer.scss

@@ -0,0 +1,61 @@
+.footer {
+  background: $header-bg;
+  margin-top: 2em;
+  z-index: 100;
+  position: relative;
+
+  .container {
+    padding-bottom: 2em;
+    padding-top: 3em;
+  }
+
+  .nav-link {
+    padding-right: 1em;
+
+    &.nav-link:hover {
+      color: $link-hover;
+      text-decoration: none;
+    }
+  }
+
+  .nav {
+    margin-bottom: 1em;
+  }
+
+  .navbar {
+    margin-bottom: 2em;
+  }
+}
+
+.bio {
+  @extend %flex;
+  @extend %flex-space-between;
+
+  margin-bottom: 3em;
+
+  .bio-img,
+  .bio-details {
+    @extend %flex-child;
+  }
+
+  .bio-img.bio-img {
+    @extend %flex-child-no-shrink;
+
+    display: none;
+
+    @include breakpoint(medium) {
+      display: block;
+      margin-right: 2em;
+    }
+  }
+
+  .bio-img-container {
+    width: 8em;
+    margin: 0;
+
+    img {
+      margin: 0;
+      border-radius: 100%;
+    }
+  }
+}

data/_sass/_front-page.scss

@@ -0,0 +1,180 @@
+.all-posts {
+  .front-page & {
+    padding-left: 1.5em;
+  }
+
+  @include breakpoint(medium) {
+    .front-page & {
+      padding-left: 2em;
+    }
+  }
+
+  .post-meta {
+    .no-flexbox & {
+      padding-top: 2em;
+    }
+  }
+
+  .post-emoji {
+    display: inline-block;
+    position: relative;
+    text-indent: -1.5em;
+    top: 2px;
+
+    @include breakpoint(medium) {
+      text-indent: -2em;
+    }
+  }
+
+  .post-date {
+    color: $text-color-light;
+  }
+}
+
+.post-link {
+  @extend %flex;
+
+  color: $text-color;
+  display: block;
+  padding-bottom: 0.5em;
+  padding-top: 0.5em;
+
+  &:hover {
+    text-decoration: none;
+
+    .post-img {
+      background-color: transparent;
+      transition: $link-transition;
+    }
+  }
+}
+
+.project-image,
+.post-img-container {
+  display: none;
+
+  @include breakpoint(medium) {
+    align-items: center;
+    border-radius: $border-radius-img;
+    display: flex;
+    height: 7.5em;
+    justify-content: left;
+    margin-right: 2em;
+    overflow: hidden;
+    width: 10em;
+
+    .post-img {
+      //background-blend-mode: overlay;
+      //background-color: rgba($body-bg, .3);
+      background-position: center;
+      background-size: cover;
+      height: 100%;
+      margin: 0;
+      transition: $link-transition;
+      width: 100%;
+    }
+  }
+}
+
+.post-title {
+  @extend %fancy-type;
+
+  font-size: 1em;
+}
+
+.paginator {
+  margin-top: 1em;
+}
+
+.post-elsewhere-label .icon {
+  color: $link-color;
+  font-size: 0.8em;
+}
+
+.categories {
+  @extend %xxs;
+
+  display: none;
+  margin-bottom: 2em;
+
+  @include breakpoint(medium) {
+    display: block;
+  }
+
+  /*
+
+  @include breakpoint(big) {
+    position: fixed;
+    left: 2em;
+    margin-top: 1.5em;
+    width: 12em;
+  }
+
+  */
+
+  .category {
+    @extend %btn;
+
+    margin-bottom: 0.5em;
+
+    @include breakpoint(medium) {
+      display: inline-block;
+      margin-bottom: 0;
+    }
+
+    @include breakpoint(big) {
+      margin-bottom: 0.25em;
+    }
+
+    &.active,
+    &:hover {
+      background: $white;
+      color: $link-hover;
+      text-decoration: none;
+    }
+  }
+
+  .emoji {
+    left: -4px;
+    position: relative;
+    vertical-align: middle;
+  }
+}
+
+.post-tags {
+  display: none;
+
+  .post-page & {
+    margin-top: 1em;
+  }
+
+  @include breakpoint(medium) {
+    display: block;
+    .front-page & {
+      display: inline-block;
+      margin-left: 0.5em;
+    }
+  }
+
+  .post-tag {
+    .front-page & {
+      @extend %xs;
+    }
+
+    background: $light-accent;
+    border-radius: 1em;
+    display: inline-block;
+    margin-right: 0.5em;
+    padding: 0 0.75em;
+  }
+
+  a {
+    color: darken($link-color, 15%);
+
+    &:hover {
+      background-color: darken($link-color, 15%);
+      color: $white;
+      text-decoration: none;
+    }
+  }
+}

data/_sass/_header.scss

@@ -0,0 +1,21 @@
+.header {
+  @extend %clearfix;
+
+  background-color: rgba($header-bg, 0.85);
+  margin-bottom: 2em;
+  position: relative;
+
+  .logo {
+    @extend %small;
+    @extend %fancy-type;
+
+    color: $dark-accent;
+    display: block;
+    padding-bottom: 0.5em;
+    padding-top: 0.5em;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}

data/_sass/_icons.scss

@@ -0,0 +1,62 @@
+.icon-ul {
+  list-style-type: none;
+  margin-left: 2.14285714em;
+  padding-left: 0;
+}
+
+.icon-ul > li {
+  position: relative;
+}
+
+.icon-li {
+  left: -2.14285714em;
+  position: absolute;
+  text-align: center;
+  top: 0.25em;
+  width: 2.14285714em;
+}
+
+.icon {
+  display: inline-block;
+  fill: currentColor;
+  height: 1em;
+  stroke: currentColor;
+  stroke-width: 0;
+  width: 1em;
+}
+
+.icon-music {
+  width: 0.8571395426988602em;
+}
+
+.icon-tag {
+  width: 0.8454238213598728em;
+}
+
+.icon-play {
+  width: 0.7851562518626451em;
+}
+
+.icon-pause {
+  width: 0.8571436069905758em;
+}
+
+.icon-bookmark {
+  width: 0.7142851911485195em;
+}
+
+.icon-angle-left {
+  width: 0.3750009909272194em;
+}
+
+.icon-angle-right {
+  width: 0.3392861280590296em;
+}
+
+.icon-map-signs {
+  width: 1.000000961124897em;
+}
+
+.icon-map {
+  width: 0.9999999906867743em;
+}

data/_sass/_layout.scss

@@ -0,0 +1,59 @@
+.container {
+  @extend %clearfix;
+
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $container-width;
+  min-height: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+  position: relative;
+}
+
+.container-large {
+  max-width: $media-max;
+}
+
+.half-left,
+.half-right {
+  @include breakpoint(medium) {
+    float: left;
+    width: 48%;
+  }
+}
+
+.half-left {
+  @include breakpoint(medium) {
+    margin-right: 4%;
+  }
+}
+
+// scss-lint:disable VendorPrefixes
+.columns {
+  -moz-column-gap: 3em;
+  -webkit-column-gap: 3em;
+  column-gap: 3em;
+  -moz-columns: 2 290px;
+  -webkit-columns: 2 290px;
+  columns: 2 290px;
+
+  @include breakpoint(medium) {
+    font-size: $font-xs;
+  }
+
+  .icon-ul {
+    margin-top: 0;
+  }
+
+  li {
+    -webkit-column-break-inside: avoid;
+    display: block;
+    padding: 0.2em 0;
+  }
+}
+
+.emoji {
+  display: inline-block;
+  margin: 0;
+  max-width: none;
+}