jekyll-theme-pirati 8.0.0.pre.beta2 → 8.0.0

data/_sass/components/typography.scss

@@ -1,85 +0,0 @@
-@mixin emphasizedAnchor {
-  text-decoration: underline;
-
-  &.active {
-    font-weight: bold;
-  }
-}
-
-@mixin headlineAnchor {
-  // &:hover {
-  //   text-decoration: underline;
-  // }
-}
-
-@mixin headerStyle($header, $type: main) {
-  $settings: map-get($headers, $type);
-
-  @each $breakpointSize, $headers in map-get($settings, sizes) {
-    @include breakpoint($breakpointSize) {
-      font-family: #{map-get($settings, family)};
-      font-size: rem-calc(map-get($headers, $header));
-      font-weight: map-get($settings, weight);
-
-      $letter-spacing: map-get($settings, letter-spacing);
-
-      @if ($letter-spacing) {
-        letter-spacing: $letter-spacing;
-      }
-    }
-  }
-}
-
-@function getHeaderSettings($prop, $type: main) {
-  $settings: map-get($headers, $type);
-  @return map-get($settings, $prop);
-}
-
-@mixin fontFeatures() {
-  font-feature-settings: "kern", "onum", "liga";
-  font-kerning: auto;
-  text-rendering: optimizeLegibility;
-}
-
-.t-subheader {
-  font-weight: normal;
-  color: $dark-gray;
-}
-
-// Special page title header
-.c-page-title {
-  margin-bottom: 0;
-
-  @include headerStyle('h2', super);
-}
-
-// Page header section with provided whitespace for clean separation from the content
-.c-page-header {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.c-top-sub-nav + .page-content .o-section,
-.c-top-sub-nav + .page-content .c-page-header {
-  @include breakpoint(medium) {
-    padding-top: 0;
-  }
-}
-
-// The block will have larger text for better readability. Often used with
-// conjuction to .c-content-block
-.c-emphasized-text {
-  font-size: 1.15rem;
-}
-
-.c-emphasized-anchor {
-  @include emphasizedAnchor();
-}
-
-.c-headline-anchor {
-  @include headlineAnchor();
-}
-
-.t-font-features {
-  @include fontFeatures();
-}

data/_sass/components/vertical-navigation.scss

@@ -1,67 +0,0 @@
-$vn-ns: '';
-
-.#{$vn-ns}c-vertical-navigation {
-  @include breakpoint(medium down) {
-    padding: 5px;
-  }
-
-  @include breakpoint(small down) {
-    margin-top: 0;
-  }
-}
-
-.#{$vn-ns}c-vertical-navigation .#{$vn-ns}c-vertical-navigation__title {
-  text-transform: uppercase;
-
-  @include headerStyle('h5', sub);
-}
-
-.#{$vn-ns}c-vertical-navigation .#{$vn-ns}c-vertical-navigation-items {
-  list-style-type: none;
-  margin: 0;
-  margin-top: 22px;
-}
-
-.#{$vn-ns}c-vertical-navigation .#{$vn-ns}c-vertical-navigation-items {
-
-  .#{$vn-ns}c-vertical-navigation__item a:hover {
-    text-decoration: underline;
-  }
-
-  &.#{$vn-ns}c-vertical-navigation-items--horizontal {
-
-    .#{$vn-ns}c-vertical-navigation__item +
-    .#{$vn-ns}c-vertical-navigation__item  {
-      margin-left: 13px;
-    }
-
-  }
-
-  @include breakpoint(medium down) {
-
-    &.#{$vn-ns}c-vertical-navigation-items--horizontal {
-
-      .#{$vn-ns}c-vertical-navigation__item +
-      .#{$vn-ns}c-vertical-navigation__item  {
-        margin-left: 10px;
-      }
-
-    }
-
-  }
-
-  &.#{$vn-ns}c-vertical-navigation-items--horizontal
-  .#{$vn-ns}c-vertical-navigation__item {
-    display: inline-block;
-  }
-
-  .#{$vn-ns}c-vertical-navigation__item + .#{$vn-ns}c-vertical-navigation__item {
-    margin-top: 3px;
-
-    @include breakpoint(medium down) {
-      margin-top: 5px;
-    }
-
-  }
-
-}

data/_sass/components/widget-accordion.scss

@@ -1,109 +0,0 @@
-.c-widget-accordion {
-  @include accordion-container;
-  background: $light-gray;
-}
-
-.c-widget-accordion + .c-widget-accordion {
-  margin-top: 1rem;
-}
-
-.c-widget-accordion-link {
-  display: block;
-  width: 100%;
-  padding: .5rem 1rem;
-  background-color: $medium-gray;
-  overflow: hidden;
-  @include headerStyle('h3', alt);
-
-  &:before {
-    display: none;
-  }
-
-  &--nofill {
-    background: $body-background;
-    padding-left: 0;
-
-    @include headerStyle('h2', alt);
-  }
-}
-
-.c-widget-accordion .c-widget-accordion-item {
-  &.is-active .c-widget-accordion-link:before {
-    content: '\f147';
-  }
-
-  .c-widget-accordion-link.c-widget-accordion-link--fb {
-    background: $facebook-color;
-
-    .c-widget-accordion__title {
-      color: $white;
-    }
-  }
-
-  .c-widget-accordion-link.c-widget-accordion-link--cal {
-    background: #df3a3f;
-
-    .c-widget-accordion__title {
-      color: $white;
-    }
-  }
-  
-  .c-widget-accordion-link.c-widget-accordion-link--yt {
-    background: #cc181e;
-
-    .c-widget-accordion__title {
-      color: $white;
-    }
-  }
-}
-
-.c-widget-accordion .c-widget-accordion__title {
-  color: $primary-color;
-  white-space: nowrap;
-}
-
-.c-widget-accordion span:last-child {
-  white-space: nowrap;
-  width: 100%;
-}
-
-.c-widget-accordion .c-widget-accordion-content {
-  padding: 1rem;
-
-  &.c-widget-accordion-content--nopad {
-    padding: 0;
-  }
-}
-
-.c-widget-accordion .c-widget-accordion-link {
-  border: 0;
-  border-bottom: 0;
-}
-
-.c-widget-accordion .c-widget-accordion-content__cta {
-  margin-top: 1rem;
-}
-
-.c-widget-accordion .c-widget-accordion-list {
-  margin-left: 0;
-  margin-bottom: 1rem;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-// Colors
-.c-widget-accordion.c-widget-accordion--alert {
-  background: $alert-color;
-}
-
-.c-widget-accordion.c-widget-accordion--alert
- .c-widget-accordion-link {
-  background: $alert-color !important;
-}
-
-.c-widget-accordion.c-widget-accordion--dark
- .c-widget-accordion-link {
-  background: $dark-gray !important;
-}

data/_sass/components/widget-share-box.scss

@@ -1,117 +0,0 @@
-.c-widget-share-box {
-  position: relative;
-  padding: 3.25rem 3.5rem 3.5rem 3.5rem;
-  border: 1px solid #f3f3f3;
-  border-radius: 2px;
-  width: 100%;
-  overflow: hidden;
-
-  &:before {
-    z-index: -1;
-    content: '\f004';
-    display: block;
-    position: absolute;
-    top: -35px;
-    right: -35px;
-    display: inline-block;
-    font-family: 'FontAwesome';
-    font-size: 11.5rem;
-    transform: rotate(20deg);
-    color: #f3f3f3;
-  }
-
-  @include breakpoint(large down) {
-    &.c-widget-share-box--largestacked {
-      margin-top: 2rem;
-    }
-  }
-
-  @include breakpoint(medium down) {
-    &:before {
-      top: 50%;
-      right: 30px;
-      transform: translateY(-50%);
-    }
-
-    &.c-widget-share-box--mediumstacked {
-      margin-top: 2rem;
-    }
-  }
-}
-
-.c-widget-share-box-headline {
-  font-family: $header-font-family;
-  color: $primary-color;
-  font-size: 1.75rem;
-}
-
-.c-widget-share-box-content {
-  margin-top: 2.75rem;
-}
-
-/* All buttons */
-.share-buttons {
-  display: flex;
-  flex-direction: column;
-}
-
-@mixin widgetShareButtonStyle($lead-color) {
-  .share-buttons__button-icon {
-    color: $lead-color;
-  }
-
-  &:hover {
-    background: $lead-color;
-    border-color: $lead-color;
-
-    .share-buttons__button-icon {
-      color: $white;
-    }
-  }
-}
-
-/* Each button */
-.share-buttons__button {
-  margin: 0 0 1rem;
-  margin-bottom: 10px;
-  margin-right: 3px;
-  border: 1px solid $medium-gray;
-  padding: .5rem 1rem;
-
-  &:hover {
-    opacity: 1;
-    color: $secondary-color;
-  }
-
-  &.share-buttons__button--facebook {
-    @include widgetShareButtonStyle($facebook-color);
-  }
-
-  &.share-buttons__button--twitter {
-    @include widgetShareButtonStyle($twitter-color);
-  }
-
-  &.share-buttons__button--gplus {
-    @include widgetShareButtonStyle($gplus-color);
-  }
-
-  &.share-buttons__button--pinterest {
-    @include widgetShareButtonStyle($pinterest-color);
-  }
-
-  &.share-buttons__button--tumblr {
-    @include widgetShareButtonStyle($tumblr-color);
-  }
-
-  &.share-buttons__button--reddit {
-    @include widgetShareButtonStyle($reddit-color);
-  }
-
-  &.share-buttons__button--linkedin {
-    @include widgetShareButtonStyle($linkedin-color);
-  }
-
-  &.share-buttons__button--envelope {
-    @include widgetShareButtonStyle($envelope-color);
-  }
-}

data/_sass/components/widget-simple-text.scss

@@ -1,15 +0,0 @@
-.c-widget-simple-text {
-
-  a {
-    color: #878787;
-    text-decoration: none;
-  }
-
-  a:hover {
-    text-decoration: underline;
-  }
-}
-
-.c-widget-simple-text--stacked {
-  margin-top: 1rem;
-}

data/_sass/layouts/_cast.scss

@@ -1,262 +0,0 @@
-$dark: #343434;
-%before-util{
-  content: '';
-  display: block;
-  position: absolute;
-  z-index: -1;
-  background: rgba($dark, .95);
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-%before-pattern{
-  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), rgba(0,0,0,0.5);
-  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), -moz-linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), rgba(0,0,0,0.5);
-  background: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%), rgba(0,0,0,0.5);
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  -o-text-overflow: clip;
-  text-overflow: clip;
-
-  background-position: auto auto;
-  -webkit-background-origin: padding-box;
-  background-origin: padding-box;
-  -webkit-background-clip: border-box;
-  background-clip: border-box;
-  -webkit-background-size: 100% 100%;
-  background-size: 100% 100%;
-}
-.l-cast{
-  $unit: 1.125rem;
-  $light: #fff;
-  $accent: #f3c289;
-  position: relative;
-  &:before{
-    @extend %before-util;
-    background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Slune%C4%8Dn%C3%AD_n%C3%A1m%C4%9Bst%C3%AD_Praha_13_2010.jpg/1200px-Slune%C4%8Dn%C3%AD_n%C3%A1m%C4%9Bst%C3%AD_Praha_13_2010.jpg);
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 1460px;
-    filter: grayscale(100%);
-    left: calc(50% - 730px);
-  }
-
-  &__top-bar{
-    background-color: $dark;
-    color: white;
-    text-align: center;
-    padding: 0;
-    position: sticky;
-    top: 0px;
-    z-index: 10;
-    &__list{
-      background-color: transparent !important;
-      &-item{
-        padding: $unit;
-        a{
-          color: $light !important;
-          font-size: 1rem !important;
-        }
-      }
-    }
-  }
-  &__toggle{
-    &--more{
-      display: block;
-      text-align: center;
-      position: relative;
-      margin: $unit 0;
-      color: rgba($dark,.5);
-      &:before{
-        @extend %before-util;
-        top: auto;
-        height: 1px;
-        opacity: .3;
-        bottom: 50%;
-        right: 75%;
-      }
-      &:after{
-        @extend %before-util;
-        top: auto;
-        height: 1px;
-        opacity: .3;
-        bottom: 50%;
-        left: 75%;
-      }
-    }
-  }
-  &__hero{
-    padding: 8*$unit 0;
-    overflow: hidden;
-    position: relative;
-    line-height: 1;
-
-
-    small{
-      font-size: 1.5rem;
-    }
-    &:before{
-      @extend %before-util;
-      @extend %before-pattern;
-      transform: rotate(-45deg) translate(-5%, -55%);
-      width: 60vw;
-      height: 60vw;
-    }
-    &:after{
-      @extend %before-util;
-      @extend %before-pattern;
-      transform: rotate(585deg) translate(-65%, 85%);
-      opacity: 0.2;
-      width: 80vh;
-      height: 80vh;
-    }
-    &-subhead{
-      line-height: 1.25;
-      margin-bottom: $unit;
-    }
-    &-head{
-      font-size: 6em;
-      font-weight: bold;
-      color: white;
-    }
-    &-text{
-      position: relative;
-      background: rgba(#ffffff,.85);
-      padding: 2*$unit;
-    }
-  }
-  &__heading{
-    text-align: center;
-    font-size: 2.5em;
-    margin: 4*$unit 0;
-    position: relative;
-    color: white;
-    position: sticky;
-    top: 64px;
-    z-index: 1;
-    &:before{
-      @extend %before-util;
-      top: -$unit;
-      bottom: -$unit;
-      right: 20%;
-      transform: skew(45deg);
-    }
-    &:after{
-      @extend %before-util;
-      top: -$unit;
-      bottom: -$unit;
-      left: 20%;
-      transform: skew(-45deg);
-    }
-  }
-  &__perex{
-    font-size: 1.25em;
-    .l-cast__kan ~ section &{
-      margin-bottom: 3*$unit;
-    }
-    &-columns{
-      $u: 1.25rem;
-      column-count: 2;
-      column-gap: 2*$u;
-      padding: $u 0;
-      margin-bottom: 2*$u;
-    }
-  }
-  &__kan{
-    margin-top: -5*$unit - .75rem;
-    //overflow: hidden;
-    .l-kan__item{
-      border-top: none;
-    }
-    &-img{
-      position: relative;
-      &:before{
-        @extend %before-util;
-        background: rgba($dark,.1) !important;
-        transform: rotate(45deg) translate(-0%, -62%);
-        opacity: 0.5;
-        width: 5*$unit;
-        height: 80vh;
-      }
-      img{
-        position: sticky;
-        top: 120px;
-      }
-    }
-    &-item:nth-of-type(even) &-img{
-      &:before{
-        @extend %before-util;
-        transform: rotate(-45deg) translate(450%, -30%);
-      }
-    }
-  }
-  &__activity{
-    $u: 1.25rem;
-    &-perex{
-      &-item{
-        padding-top: $u;
-        padding-bottom: $u;
-        display: flex;
-      }
-      &-icon{
-        font-size: 3rem;
-        line-height: 5rem;
-        vertical-align: middle;
-        display: block;
-        text-align: center;
-        border-radius: 50%;
-        background: $dark;
-        color: white;
-        width: 5rem;
-        height: 5rem;
-        flex-basis: 5rem;
-        flex-shrink: 0;
-        margin: 0 2*$u;
-      }
-    }
-  }
-  &__priority,&__connect{
-    $u: 1.25rem;
-    &-detail{
-      background: rgba($dark,.05);
-      &-title{
-        margin: $u 0;
-        padding: $u 0;
-        position: relative;
-        font-size: 1.75em;
-        &:before{
-          @extend %before-util;
-          //right: -100%;
-          //border-bottom: 1px solid $dark;
-          top: auto;
-          height: 1px;
-        }
-        p + &{
-          margin-top: 2*$u;
-        }
-      }
-    }
-    &-row{
-      //border-top: 1px solid rgba(black, .1);
-      //padding-top: 4*$unit;
-    }
-    &-perex{
-      position: sticky;
-      top: 144px;
-      &-item{
-        padding: $u 2*$u 2*$u 0;
-        & + &{
-          border-top: 1px solid rgba(black, .1);
-          padding-top: 2*$u;
-        }
-      }
-    }
-  }
-  &__end{
-    p+p{
-
-    }
-  }
-}