jekyll-theme-pirati 0.1.0

data/_sass/components/BlogPosting.scss

@@ -0,0 +1,274 @@
+$bp-ns: '';
+
+.#{$bp-ns}c-BlogPosting,
+.#{$bp-ns}c-BlogPosting-excerpt {
+  padding: 20px 0;
+  position: relative;
+  @include clearfix;
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt--nospacetop {
+  padding-top: 0;
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt--nospace {
+  padding-top: 0;
+  padding-bottom: 0;
+
+  @include breakpoint(medium down) {
+    padding-top: 10px;
+    padding-bottom: 5px;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt + .#{$bp-ns}c-BlogPosting-excerpt {
+  border-top: 1px solid #e1e1e1;
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--featured
+.#{$bp-ns}c-BlogPosting-photoBox {
+  max-width: none;
+  padding: 10px 0 20px 0;
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--primary {
+  padding-top: 0;
+  padding-bottom: 0;
+
+  .#{$bp-ns}c-BlogPosting-photoBox {
+    padding-top: 0;
+  }
+
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt-photoBox {
+  max-width: 263px;
+  float: left;
+  padding: 15px 0;
+
+  @include breakpoint(medium down) {
+  }
+
+  @include breakpoint(mobile down) {
+    max-width: none;
+    float: none;
+    padding-top: 0;
+    padding-bottom: 5px;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt {
+  @include breakpoint(medium down) {
+    min-height: auto;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt-photoBox
+.#{$bp-ns}c-BlogPosting-excerpt__image {
+  @include breakpoint(mobile down) {
+    max-width: calc(50% - 5px);
+  }
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--featured .#{$bp-ns}c-BlogPosting-contentBox {
+  position: relative;
+  min-height: 195px;
+  padding: 0 0 25px 0;
+  position: relative;
+
+  @include breakpoint(medium down) {
+    padding: 0 0 15px 0;
+    min-height: auto;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--primary .#{$bp-ns}c-BlogPosting-contentBox {
+  min-height: auto;
+  padding-bottom: 0;
+
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt-contentBox {
+  max-width: calc(100% - 293px);
+  min-height: 164px;
+  float: left;
+  padding: 10px 0 25px 0;
+  position: relative;
+  margin-left: 30px;
+
+  @include breakpoint(mobile down) {
+    padding: 10px 0 30px 0;
+    max-width: none;
+    float: none;
+    margin: 0;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--featured .#{$bp-ns}c-BlogPosting-excerpt-readMore ,
+.#{$bp-ns}c-BlogPosting-excerpt  .#{$bp-ns}c-BlogPosting-excerpt-readMore {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  @include breakpoint(medium down) {
+    bottom: 8px;
+  }
+
+  @include breakpoint(mobile down) {
+    bottom: 2px;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt-nextBox {
+  max-width: 263px;
+
+  @include breakpoint(large down) {
+    max-width: none;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--primary .#{$bp-ns}c-BlogPosting-excerpt-readMore {
+  position: relative;
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting__title,
+.#{$bp-ns}c-BlogPosting-excerpt  .#{$bp-ns}c-BlogPosting-excerpt__title {
+  line-height: 1.15;
+
+  @include breakpoint(medium down) {
+    font-size: 1.6rem;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--featured .#{$bp-ns}c-BlogPosting__title,
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h1,
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h2,
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h3 {
+  margin-bottom: 0.75em;
+  line-height: 1.3;
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-infoBox {
+  padding-bottom: 1rem;
+
+  .#{$bp-ns}c-BlogPosting__authors {
+    margin-left: 0.5rem;
+  }
+
+  @include breakpoint(medium down) {
+    line-height: 1.75;
+    .#{$bp-ns}c-BlogPosting__authors {
+      margin-left: 0rem;
+    }
+  }
+}
+
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--featured .#{$bp-ns}c-BlogPosting__title {
+  font-size: 1.65rem;
+  color: $primary-color;
+  margin-bottom: 0.375em;
+}
+
+.#{$bp-ns}c-BlogPosting.#{$bp-ns}c-BlogPosting--primary .#{$bp-ns}c-BlogPosting__title {
+  font-size: 2rem;
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h1 {
+  font-size: 1.65rem;
+  color: $primary-color;
+
+  a {
+    text-decoration: underline;
+  }
+
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h2 {
+  font-size: 1.5rem;
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content h3 {
+  font-family: $body-font-family;
+  font-weight: bold;
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content a {
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content ul {
+  list-style-type: none;
+  margin-left: 0;
+
+  li {
+    line-height: 2;
+  }
+
+  li:before {
+    display: inline-block;
+    content: '\f10c';
+    font-family: 'FontAwesome';
+    font-size: 0.75rem;
+    vertical-align: middle;
+    padding-right: 1rem;
+    color: $primary-color;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting .#{$bp-ns}c-BlogPosting-content p,
+.#{$bp-ns}c-BlogPosting-excerpt  .#{$bp-ns}c-BlogPosting-excerpt-content {
+  line-height: 1.25;
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt-infoBox {
+  padding: 5px 0;
+
+  i {
+    padding-right: 3px;
+  }
+
+  @include breakpoint(mobile down) {
+    margin: 0;
+    position: absolute;
+    top: 45px;
+    left: 50%;
+    padding-left: 15px;
+  }
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt__authors {
+  margin-left: 15px;
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt-contentBox {
+
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt__authors,
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt__datePublished {
+
+  @include breakpoint(mobile down) {
+    margin-left: 0px;
+  }
+
+}
+
+.#{$bp-ns}c-BlogPosting-excerpt .#{$bp-ns}c-BlogPosting-excerpt__author:not(:first-of-type) {
+
+  @include breakpoint(medium down) {
+      margin-left: 20px;
+  }
+}

data/_sass/components/Person.scss

@@ -0,0 +1,42 @@
+$ps-ns: '';
+
+.#{$ps-ns}c-Person-preview {
+  display: block;
+  position: relative;
+  @include clearfix;
+}
+
+.#{$ps-ns}c-Person-preview + .#{$ps-ns}c-Person-preview {
+  padding-top: 0.75rem;
+  margin-top: 0.75rem;
+  border-top: 1px solid #f3f3f3;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview__url {
+  float: right;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview-content {
+  line-height: 1.25;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview__name {
+  color: $primary-color;
+  font-size: 1.3rem;
+  display: inline-block;
+  vertical-align: -webkit-baseline-middle;
+  margin-bottom: 0.05rem;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview__birthdate {
+  color: #6e6e6e;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview-contentBox {
+  margin-top: 1rem;
+}
+
+.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview__image {
+  float: left;
+  margin-right: 0.7rem;
+}

data/_sass/components/banner.scss

@@ -0,0 +1,75 @@
+$bn-ns: '';
+
+.#{$bn-ns}c-banner {
+  background: #f3f3f3;
+  overflow-x: hidden;
+}
+
+.#{$bn-ns}c-banner-container {
+  padding-left: 1.2rem;
+  padding-right: 1.2rem;
+
+  @include breakpoint(large) {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  @include breakpoint(mobile down) {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+@include breakpoint(large) {
+  .#{$bn-ns}c-banner .#{$bn-ns}c-banner-primary-section {
+    @include grid-column(6);
+  }
+
+  .#{$bn-ns}c-banner .#{$bn-ns}c-banner-secondary-section {
+    @include grid-column(6);
+  }
+}
+
+.#{$bn-ns}c-banner {
+
+  @include breakpoint(medium down) {
+
+    .#{$bn-ns}c-banner-section +
+    .#{$bn-ns}c-banner-section {
+      margin-top: 35px;
+    }
+
+  }
+
+  @include breakpoint(mobile down) {
+
+    .#{$bn-ns}c-banner-section +
+    .#{$bn-ns}c-banner-section {
+      margin-top: 10px;
+    }
+
+  }
+
+}
+
+.#{$bn-ns}c-banner {
+
+  .#{$bn-ns}c-banner-section-row {
+    @include clearfix;
+  }
+
+  .#{$bn-ns}c-banner-section-row +
+  .#{$bn-ns}c-banner-section-row {
+    margin-top: 35px;
+  }
+
+  @include breakpoint(mobile down) {
+
+    .#{$bn-ns}c-banner-section-row +
+    .#{$bn-ns}c-banner-section-row {
+      margin-top: 10px;
+    }
+
+  }
+
+}

data/_sass/components/blockquote.scss

@@ -0,0 +1,53 @@
+.c-blockquote {
+  font-family: $header-font-family;
+  font-size: 1.45rem;
+  font-weight: 300;
+  font-style: italic;
+  color: map-get($foundation-palette, dark);
+
+  margin: 0 0 1rem;
+  padding: 0.5625rem 1.25rem 0 1.6875rem;
+  border-left: 1px solid transparent;
+
+  @include breakpoint(medium down) {
+    br {
+      display: none;
+    }
+  }
+}
+
+.c-blockquote--wicon {
+  padding-top: 4.35rem;
+  position: relative;
+
+  &:before {
+    line-height: 1;
+    content: '\f10e';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: 1.6875rem;
+    font-family: 'FontAwesome';
+    font-size: 4rem;
+    opacity: 0.15;
+    font-style: normal;
+  }
+
+  @include breakpoint(medium down) {
+    padding-top: 0.5625rem;
+    padding-left: 5rem;
+
+    &:before {
+      left: 0;
+      top: 0;
+    }
+  }
+
+  @include breakpoint(mobile down) {
+    padding-left: 0;
+    padding-top: 2.5rem;
+    &:before {
+      font-size: 2.5rem;
+    }
+  }
+}