jekyll-theme-pirati 5.3.1 → 6.0.0

data/_sass/components/Person.scss

@@ -1,42 +1,9 @@
-$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;
+.c-person__content {
+  @include breakpoint(medium) {
+    padding-right: 4rem;
+  }
 }
 
-.#{$ps-ns}c-Person-preview .#{$ps-ns}c-Person-preview__birthdate {
-  color: #6e6e6e;
+.c-person-image {
+  margin-top: 2rem;
 }
-
-.#{$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/academic-title.scss

@@ -0,0 +1,7 @@
+.academic-title {
+  font-size: .7em;
+}
+
+.academic-title-name {
+  white-space: nowrap;
+}

data/_sass/components/article-listing.scss

@@ -1,5 +1,5 @@
 .c-article-listing--vertical {
-  margin-bottom: 2.5rem;
+  padding-bottom: 2.5rem;
 
   .c-article-listing__meta {
     margin: 1rem 0;
@@ -10,6 +10,30 @@
     padding-bottom: 1.25rem;
     margin-bottom: 1.25rem;
   }
+
+  @include breakpoint(medium) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .c-article-listing__content {
+      display: flex;
+      height: 100%;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+
+    .c-article-listing__perex {
+      height: 7rem;
+      margin-bottom: 0;
+    }
+
+    .c-article-listing__headline {
+      flex: 1;
+      display: flex;
+      align-items: flex-end;
+    }
+  }
 }
 
 .c-article-listing__row {
@@ -54,6 +78,7 @@
   position: relative;
 
   &:before {
+    pointer-events: none;
     content: '\f144';
     position: absolute;
     width: 90px;

data/_sass/components/blockquote.scss

@@ -1,11 +1,10 @@
 .c-blockquote {
   font-size: 1.45rem;
-  font-weight: 300;
   font-style: italic;
   color: $dark-gray;
 
-  margin: 0 0 1rem;
-  padding: 0.5625rem 1.25rem 0 0;
+  padding: 1rem 0 0;
+  margin: 0 0 2rem;
   border-left: 0;
 
   @include breakpoint(medium down) {
@@ -16,36 +15,69 @@
 }
 
 .c-blockquote--wicon {
-  padding-top: 4.35rem;
-  position: relative;
+  padding-top: 3rem;
 
-  &:before {
+  &:before,
+  p:last-of-type:after {
     line-height: 1;
-    content: '\f10e';
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    font-family: 'FontAwesome';
-    font-size: 4rem;
-    opacity: 0.15;
+    opacity: 0.2;
+    font-size: 12rem;
+    height: 55px;
+    font-family: #{getHeaderSettings(family, super)};
+    font-weight: getHeaderSettings(weight, super);
     font-style: normal;
   }
 
-  @include breakpoint(medium down) {
-    padding-top: 0.5625rem;
+  &:before {
+    content: '“';
+    float: left;
+    margin-left: -7px;
+    margin-top: -1.5rem;
+    padding-right: 1rem;
+  }
+
+  p:last-of-type:after {
+    content: '”';
+    float: right;
+    margin-right: -7px;
+    margin-top: .5rem;
+    padding-left: 1rem;
+  }
+
+  // override foundation
+  cite {
+    font-size: 1em;
 
     &:before {
-      left: 0;
-      top: 0;
+      display: none;
     }
   }
 
-  @include breakpoint(mobile down) {
-    padding-left: 0;
-    padding-top: 2.5rem;
+  @include breakpoint(medium down) {
+    padding-top: 1rem;
+
+    &:before,
+    p:last-of-type:after {
+      font-size: 8rem;
+      height: 40px;
+    }
+
     &:before {
-      font-size: 2.5rem;
+      margin-top: -0.5rem;
+      margin-left: -5px;
+    }
+
+    p:last-of-type:after {
+      margin-right: -5px;
+      margin-top: .2rem;
     }
   }
+
+  // @include breakpoint(mobile down) {
+  //   padding-left: 0;
+  //   padding-top: 2.5rem;
+  //   &:before {
+  //     font-size: 2.5rem;
+  //   }
+  // }
 }

data/_sass/components/contact-bar.scss

@@ -14,11 +14,11 @@ $cb-ns: '';
 }
 
 .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__heading {
-  font-weight: bold;
+  @include headerStyle('h5', sub);
+
   margin: 0;
-  line-height: 1.3;
   display: inline-block;
-  font-size: 1.3rem;
+  text-transform: uppercase;
 }
 
 .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar-items {

data/_sass/components/content-block.scss

@@ -5,7 +5,20 @@
  */
 
 .c-content-block {
+  h1:not(:first-child),
+  h2:not(:first-child),
+  h3:not(:first-child),
+  h4:not(:first-child),
+  h5:not(:first-child),
+  h6:not(:first-child) {
+    margin-top: 1.333em;
+  }
+
   a {
     @include emphasizedAnchor();
   }
+
+  p {
+    @include fontFeatures();
+  }
 }

data/_sass/components/corner-ribbon.scss

@@ -8,17 +8,18 @@
   background: $primary-color;
   position: absolute;
   top: 25px;
-  left: -50px;
+  left: -55px;
   text-align: center;
-  line-height: 50px;
-  letter-spacing: 1px;
+  line-height: 40px;
   color: $secondary-color;
   transform: rotate(-45deg);
+
+  @include headerStyle('h3', main);
 }
 
 .c-corner-ribbon--top-right {
   top: 25px;
-  right: -50px;
+  right: -55px;
   left: auto;
   transform: rotate(45deg);
 }

data/_sass/components/header-bar.scss

@@ -1,14 +1,14 @@
 $hb-ns: '';
 
 .#{$hb-ns}c-header-bar {
-  background: $primary-color;
+  background: $ternary-color;
 }
 
 .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-divider {
   width: 100%;
   height: 1px;
   margin: 10px auto;
-  background: $secondary-color;
+  background: $dark-gray;
 
   @include breakpoint(860px) {
     display: inline-block;
@@ -43,10 +43,14 @@ $hb-ns: '';
   display: inline-block;
   margin-left: 0;
 
-  a:hover {
-    text-decoration: underline;
-  }
+  a {
+    color: $dark-gray;
 
+    &:hover {
+      color: $white;
+      text-decoration: underline;
+    }
+  }
 }
 
 .#{$hb-ns}c-header-bar {

data/_sass/components/headline-media.scss

@@ -37,5 +37,6 @@
   // fixes overflow
   iframe {
     float: left;
+    max-width: 100%;
   }
 }

data/_sass/components/hp-banner.scss

@@ -2,10 +2,20 @@
  * Homepage banner image
  */
 
- .c-hp-banner {
+.c-hp-banner {
   margin-top: 2rem;
 
   @include breakpoint(small down) {
     margin: 1.5rem 0;
   }
+
+  .c-hp-banner__media,
+  .c-hp-banner__link {
+    display: block;
+  }
+
+  .c-hp-banner__link {
+    border-bottom: 1px $primary-color solid;
+    padding-bottom: 1rem;
+  }
 }

data/_sass/components/icon.scss

@@ -2,10 +2,10 @@ $icon-ns: '';
 
 .#{$icon-ns}c-icon {
   font-size: 1.3rem;
-  width: 40px;
-  height: 40px;
-  text-align: center;
-  line-height: 40px;
+
+  &--big {
+    font-size: 1.5rem;
+  }
 }
 
 .#{$icon-ns}c-icon.#{$icon-ns}c-icon--facebook {
@@ -26,4 +26,8 @@ $icon-ns: '';
 
 .#{$icon-ns}c-icon.#{$icon-ns}c-icon--rounded {
   border-radius: 20px;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  line-height: 40px;
 }

data/_sass/components/intention-map.scss

@@ -0,0 +1,18 @@
+.c-intention-map__header-wrap {
+  position: relative;
+  max-width: $global-width;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.c-intention-map__header {
+  position: absolute;
+  z-index: 2;
+  padding: 1rem 1.5rem .2rem;
+  background: transparentize($color: $body-background, $amount: .2);
+
+  @include breakpoint(small down) {
+      position: static;
+      text-align: center;
+  }
+}

data/_sass/components/member-list.scss

@@ -0,0 +1,7 @@
+.c-member-list__item {
+  margin-bottom: 2rem;
+
+  @include breakpoint(medium) {
+    margin-bottom: 4rem;
+  }
+}

data/_sass/components/pagination.scss

@@ -9,6 +9,10 @@
     margin-bottom: 1rem;
   }
 
+  @include breakpoint(medium) {
+    margin-bottom: 2rem;
+  }
+
   .c-pagination__previous a,
   .c-pagination__next a {
     color: $button-color;
@@ -36,4 +40,5 @@
 .c-pagination__anchor {
   padding: $button-padding;
   color: $anchor-color;
+  display: block;
 }

data/_sass/components/profile-badge.scss

@@ -0,0 +1,73 @@
+.c-profile-badge {
+  height: 100%;
+  display: flex;
+}
+
+.c-profile-badge__anchor {
+  display: block;
+}
+
+.c-profile-badge__body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+}
+
+.c-profile-badge__avatar {
+  padding-right: 1rem;
+}
+
+.c-profile-badge .c-profile-badge__image {
+  display: block;
+}
+
+.c-profile-badge__image--round {
+  border-radius: 50%;
+}
+
+.c-profile-badge__image--smaller {
+  width: 100px;
+}
+
+.c-profile-badge__headline {
+  margin-bottom: 0;
+}
+
+.c-profile-badge__desc {
+  margin-top: -.5rem;
+  margin-bottom: 0;
+}
+
+.c-profile-badge__contacts {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.c-profile-badge--bottomalign {
+  .c-profile-badge__contacts {
+    flex-grow: initial;
+  }
+
+  .c-profile-badge__body {
+    justify-content: flex-end;
+  }
+}
+
+.c-profile-badge--stacked {
+  + .c-profile-badge--stacked {
+    margin-top: 1rem;
+  }
+}
+
+.c-profile-badge--centered {
+  .c-profile-badge__body {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .c-profile-badge__contacts {
+    margin-top: 1rem;
+  }
+}