jekyll-theme-pirati 0.1.0

data/_sass/minima/_layout.scss

@@ -0,0 +1,255 @@
+/**
+ * Site header
+ */
+.site-header {
+  border-top: 5px solid $grey-color-dark;
+  border-bottom: 1px solid $grey-color-light;
+  min-height: $spacing-unit * 1.865;
+
+  // Positioning context for the mobile navigation icon
+  position: relative;
+}
+
+.site-title {
+  @include relative-font-size(1.625);
+  font-weight: 300;
+  line-height: $base-line-height * $base-font-size * 2.25;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+  float: left;
+
+  &,
+  &:visited {
+    color: $grey-color-dark;
+  }
+}
+
+.site-nav {
+  float: right;
+  line-height: $base-line-height * $base-font-size * 2.25;
+
+  .nav-trigger {
+      display: none;
+  }
+
+  .menu-icon {
+    display: none;
+  }
+
+  .page-link {
+    color: $text-color;
+    line-height: $base-line-height;
+
+    // Gaps between nav items, but not on the last one
+    &:not(:last-child) {
+      margin-right: 20px;
+    }
+  }
+
+  @include media-query($on-palm) {
+    position: absolute;
+    top: 9px;
+    right: $spacing-unit / 2;
+    background-color: $background-color;
+    border: 1px solid $grey-color-light;
+    border-radius: 5px;
+    text-align: right;
+
+    label[for="nav-trigger"] {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 36px;
+      z-index: 2;
+      cursor: pointer;
+    }
+
+    .menu-icon {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 26px;
+      line-height: 0;
+      padding-top: 10px;
+      text-align: center;
+
+      > svg {
+        fill: $grey-color-dark;
+      }
+    }
+
+    input ~ .trigger {
+      clear: both;
+      display: none;
+    }
+
+    input:checked ~ .trigger {
+      display: block;
+      padding-bottom: 5px;
+    }
+
+    .page-link {
+      display: block;
+      padding: 5px 10px;
+
+      &:not(:last-child) {
+        margin-right: 0;
+      }
+      margin-left: 20px;
+    }
+  }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+  border-top: 1px solid $grey-color-light;
+  padding: $spacing-unit 0;
+}
+
+.footer-heading {
+  @include relative-font-size(1.125);
+  margin-bottom: $spacing-unit / 2;
+}
+
+.contact-list,
+.social-media-list {
+  list-style: none;
+  margin-left: 0;
+}
+
+.footer-col-wrapper {
+  @include relative-font-size(0.9375);
+  color: $grey-color;
+  margin-left: -$spacing-unit / 2;
+  @extend %clearfix;
+}
+
+.footer-col {
+  float: left;
+  margin-bottom: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+}
+
+.footer-col-1 {
+  width: -webkit-calc(35% - (#{$spacing-unit} / 2));
+  width:         calc(35% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-2 {
+  width: -webkit-calc(20% - (#{$spacing-unit} / 2));
+  width:         calc(20% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+  width: -webkit-calc(45% - (#{$spacing-unit} / 2));
+  width:         calc(45% - (#{$spacing-unit} / 2));
+}
+
+@include media-query($on-laptop) {
+  .footer-col-1,
+  .footer-col-2 {
+    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+    width:         calc(50% - (#{$spacing-unit} / 2));
+  }
+
+  .footer-col-3 {
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+@include media-query($on-palm) {
+  .footer-col {
+    float: none;
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+  padding: $spacing-unit 0;
+  flex: 1;
+}
+
+.page-heading {
+  @include relative-font-size(2);
+}
+
+.post-list-heading {
+  @include relative-font-size(1.75);
+}
+
+.post-list {
+  margin-left: 0;
+  list-style: none;
+
+  > li {
+    margin-bottom: $spacing-unit;
+  }
+}
+
+.post-meta {
+  font-size: $small-font-size;
+  color: $grey-color;
+}
+
+.post-link {
+  display: block;
+  @include relative-font-size(1.5);
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+  margin-bottom: $spacing-unit;
+}
+
+.post-title {
+  @include relative-font-size(2.625);
+  letter-spacing: -1px;
+  line-height: 1;
+
+  @include media-query($on-laptop) {
+    @include relative-font-size(2.25);
+  }
+}
+
+.post-content {
+  margin-bottom: $spacing-unit;
+
+  h2 {
+    @include relative-font-size(2);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.75);
+    }
+  }
+
+  h3 {
+    @include relative-font-size(1.625);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.375);
+    }
+  }
+
+  h4 {
+    @include relative-font-size(1.25);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.125);
+    }
+  }
+}

data/_sass/minima/_syntax-highlighting.scss

@@ -0,0 +1,71 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+  background: #fff;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: #eef;
+  }
+
+  .c     { color: #998; font-style: italic } // Comment
+  .err   { color: #a61717; background-color: #e3d2d2 } // Error
+  .k     { font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #998; font-style: italic } // Comment.Multiline
+  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .c1    { color: #998; font-style: italic } // Comment.Single
+  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #a00 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #a00 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .m     { color: #099 } // Literal.Number
+  .s     { color: #d14 } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #0086B3 } // Name.Builtin
+  .nc    { color: #458; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #900; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #000080 } // Name.Tag
+  .nv    { color: #008080 } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #bbb } // Text.Whitespace
+  .mf    { color: #099 } // Literal.Number.Float
+  .mh    { color: #099 } // Literal.Number.Hex
+  .mi    { color: #099 } // Literal.Number.Integer
+  .mo    { color: #099 } // Literal.Number.Oct
+  .sb    { color: #d14 } // Literal.String.Backtick
+  .sc    { color: #d14 } // Literal.String.Char
+  .sd    { color: #d14 } // Literal.String.Doc
+  .s2    { color: #d14 } // Literal.String.Double
+  .se    { color: #d14 } // Literal.String.Escape
+  .sh    { color: #d14 } // Literal.String.Heredoc
+  .si    { color: #d14 } // Literal.String.Interpol
+  .sx    { color: #d14 } // Literal.String.Other
+  .sr    { color: #009926 } // Literal.String.Regex
+  .s1    { color: #d14 } // Literal.String.Single
+  .ss    { color: #990073 } // Literal.String.Symbol
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #008080 } // Name.Variable.Class
+  .vg    { color: #008080 } // Name.Variable.Global
+  .vi    { color: #008080 } // Name.Variable.Instance
+  .il    { color: #099 } // Literal.Number.Integer.Long
+}

data/_sass/objects/media.scss

@@ -0,0 +1,55 @@
+.o-media {
+    display: table;
+    width: 100%;
+}
+
+.o-media__image,
+.o-media__body {
+    display: table-cell;
+    vertical-align: middle;
+
+    .o-media--top & {
+        vertical-align: top;
+    }
+
+    .o-media--bottom & {
+        vertical-align: bottom;
+    }
+
+    @include breakpoint(mobile down) {
+        display: block;
+    }
+
+}
+
+.o-media__image {
+    padding-right: 0.85rem;
+
+    > img {
+        display: block;
+        max-width: none;
+    }
+
+    .o-media--rev & {
+        padding-right: 0;
+        padding-left: 0.85rem;
+    }
+
+    &.o-media__image--lgspace {
+        padding-right: 1.75rem;
+    }
+
+}
+
+.o-media__body {
+    width: 100%;
+
+    @include breakpoint(mobile down) {
+        margin-top: 2rem;
+    }
+
+    .o-media__headline {
+        font-size: 1.4rem;
+        color: $primary-color;
+    }
+}

data/_sass/objects/section.scss

@@ -0,0 +1,247 @@
+$section-ns: '';
+
+.#{$section-ns}o-section {
+  padding: 35px 0;
+
+  @include breakpoint(mobile down) {
+    padding: 10px 0;
+  }
+}
+
+.#{$section-ns}o-section-block + .#{$section-ns}o-section-block {
+  margin-top: 2rem;
+}
+
+.#{$section-ns}o-section-block--medium + .#{$section-ns}o-section-block--medium {
+  @include breakpoint(medium down) {
+    margin-top: 2rem;
+  }
+}
+
+.#{$section-ns}o-section-block {
+  @include clearfix;
+}
+
+.#{$section-ns}o-section-block--fill {
+
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+
+  @include breakpoint(mobile) {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  @include breakpoint(medium) {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+}
+
+.#{$section-ns}o-section--divided  + .#{$section-ns}o-section--divided  {
+  position: relative;
+  margin-top: 2rem;
+  padding-top: 2rem;
+
+  &:before {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0rem;
+    right: 0rem;
+    top: -0.15rem;
+    height: 1px;
+    background: #f3f3f3;
+  }
+}
+
+.#{$section-ns}o-section-block--divided +
+.#{$section-ns}o-section-block--divided {
+  margin-top: 4rem;
+}
+
+.#{$section-ns}o-section-block--divided-small +
+.#{$section-ns}o-section-block--divided-small {
+  padding-top: 2rem;
+  margin-top: 2rem;
+
+  @include breakpoint(medium down) {
+    padding-top: 1rem;
+    margin-top: 1rem;
+  }
+
+  @include breakpoint(mobile down) {
+    padding-top: 2rem;
+    margin-top: 1rem;
+  }
+}
+
+.#{$section-ns}o-section-mediumdown-divided-small +
+.#{$section-ns}o-section-mediumdown-divided-small {
+
+  @include breakpoint(medium down) {
+    margin-top: 2rem;
+  }
+}
+
+.#{$section-ns}o-section-block--divided-small-desktop +
+.#{$section-ns}o-section-block--divided-small-desktop {
+
+  @include breakpoint(medium down) {
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+  }
+}
+
+.#{$section-ns}o-section-block--divided-small--border +
+.#{$section-ns}o-section-block--divided-small--border {
+  position: relative;
+
+  &:before {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 1.25rem;
+    right: 1.25rem;
+    top: 0rem;
+    height: 1px;
+    background: #f3f3f3;
+  }
+}
+
+.#{$section-ns}o-section-block--divided-small--border--tight +
+.#{$section-ns}o-section-block--divided-small--border--tight {
+  position: relative;
+
+  &:before {
+    content: '';
+    display: block;
+    position: absolute;
+    left:  2rem;
+    right: 2rem;
+    top: 0rem;
+    height: 1px;
+    background: #f3f3f3;
+  }
+
+  @include breakpoint(medium down) {
+    &:before {
+      left: 1.75rem;
+      right: 1.75rem;
+    }
+  }
+}
+
+.#{$section-ns}o-section-block--spaceBot {
+  margin-bottom: 2rem;
+}
+
+.#{$section-ns}o-section.#{$section-ns}o-section--smaller {
+  padding: 10px 0;
+}
+
+
+.#{$section-ns}o-section.#{$section-ns}o-section--bigger {
+  @include breakpoint(mobile down) {
+    padding: 20px 0;
+  }
+}
+
+.#{$section-ns}o-section--noSpaceBottom {
+  padding-bottom: 0;
+  @include breakpoint(mobile down) {
+    padding: 20px 0;
+  }
+}
+
+.#{$section-ns}o-section.#{$section-ns}o-section--noSpaceBottom-medium {
+  padding-bottom: 0;
+}
+
+.#{$section-ns}o-section.#{$section-ns}o-section--spaceBot {
+
+  padding-bottom: 50px;
+
+  @include breakpoint(large down) {
+    padding-bottom: 20px;
+  }
+
+  @include breakpoint(mobile down) {
+    padding-bottom: 15px;
+  }
+
+}
+
+.#{$section-ns}o-section.#{$section-ns}o-section--tiled {
+  background: url('../img/tiles/lightGrey.png') repeat;
+}
+
+.#{$section-ns}o-section-inner {
+  padding: 0 10px;
+}
+
+.#{$section-ns}o-section-inner--medium {
+  @include breakpoint(medium) {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+
+.#{$section-ns}o-section-inner--mediumdown {
+  @include breakpoint(mobile down) {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+
+
+.#{$section-ns}o-section-inner--noLarge {
+
+  @include breakpoint(large) {
+    padding: 0 0px;
+  }
+}
+
+.#{$section-ns}o-section-inner--leftBlock {
+
+  @include breakpoint(large) {
+    padding-right: 0;
+  }
+}
+
+.#{$section-ns}o-section-inner--rightBlock {
+
+  @include breakpoint(large) {
+    padding-left: 0;
+  }
+}
+
+.#{$section-ns}o-section .#{$section-ns}o-section-header {
+  position: relative;
+  color: #f3c289;
+  border-bottom: 5px solid #f3c289;
+  margin-top: 6px;
+  padding-bottom: 2px;
+  margin-bottom: -2px;
+}
+
+.#{$section-ns}o-section .#{$section-ns}o-section__heading {
+  font-size: 1.8rem;
+  color: #f3c289;
+
+  &.#{$section-ns}o-section__heading--small {
+    font-size: 1.5rem;
+    margin-bottom: 0.75rem;
+  }
+}
+
+.#{$section-ns}o-section .#{$section-ns}o-section-header .#{$section-ns}o-section__dateUpdated {
+  position: absolute;
+  bottom: 13px;
+  right: 0;
+  color: $body-font-color;
+
+  @include breakpoint(mobile down) {
+    display: none;
+  }
+}