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

data/_sass/components/region.scss

@@ -1,83 +0,0 @@
-.pk-election-crossroad .pk-election-crossroad__place {
-  display: flex;
-  height: 100%;
-  padding-bottom: 2.5rem;
-}
-
-.pk-election-crossroad .pk-election-crossroad__place-body {
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-
-.pk-election-crossroad__coa {
-  display: flex;
-  align-items: center;
-  max-width: 6rem;
-  min-width: 6rem;
-  background: #fff;
-  padding: 1rem;
-  border: 2px $light-gray solid;
-}
-
-.pk-election-crossroad__link {
-  display: inline-block;
-
-  .fa {
-    color: $dark-gray;
-  }
-
-  @include breakpoint(small down) {
-    display: block;
-  }
-}
-
-.pk-election-crossroad__link + .pk-election-crossroad__link {
-  margin-left: 1rem;
-
-  @include breakpoint(small down) {
-   margin-left: 0;
-  }
-}
-
-.pce-hero {
-  padding: 4rem 1rem;
-  text-align: center;
-
-  &--entry {
-      padding: 6rem 2rem 3rem;
-  }
-
-  @include breakpoint(medium up) {
-      padding: 6rem 2rem;
-
-      &--entry {
-          padding: 10rem 2rem 6rem;
-      }
-  }
-}
-
-.pce-hero__content {
-  margin: auto;
-  max-width: 60em;
-}
-
-.pce-hero__cta {
-  margin-top: 2rem;
-  display: flex;
-  flex-direction: column;
-
-  @include breakpoint(medium up) {
-      margin-top: 4rem;
-      flex-direction: row;
-      justify-content: center;
-  }
-}
-
-.pce-hero__cta-item {
-  margin: .5rem 0;
-
-  @include breakpoint(medium up) {
-      margin: 0 1rem;
-  }
-}

data/_sass/components/simple-accordion.scss

@@ -1,80 +0,0 @@
-.c-simple-accordion {
-    border: 0 !important; // Because of Foundation's bloat
-    @include accordion-container;
-
-    &.c-simple-accordion--nomargin {
-      margin-bottom: 0;
-
-      :last-child > .c-simple-accordion-content:last-child {
-        padding-bottom: 0;
-    }
-  }
-}
-
-.c-simple-accordion-item {
-    &:before {
-        content: '' !important;
-        display: none !important;
-    }
-    @include accordion-item;
-}
-
-.c-simple-accordion-title {
-    @include accordion-title;
-    display: block;
-    padding-left: 2.5rem;
-    border: 0; // override accordion-title
-
-    &:hover,
-    &:focus {
-        color: $body-font-color;
-        background: $white;
-    }
-
-    &:before {
-        display: inline-block;
-        width: 22px;
-        height: 22px;
-        line-height: 22px;
-        right: auto;
-        left: 0;
-        margin-top: auto;
-        transform: translateY(-50%);
-        color: #fff;
-        background: $primary-color;
-        font-size: 1.75rem;
-        text-align: center;
-    }
-}
-
-.c-simple-accordion__headline {
-  margin: 0;
-
-  @include headerStyle('h2', alt);
-}
-
-.c-simple-accordion-content {
-    border: 0 !important; // Because of Foundation's bloat, again
-    @include accordion-content;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    padding-left: 0;
-    padding-right: 0;
-
-    h3 {
-        color: $primary-color;
-        font-size: 1.45rem;
-        margin-bottom: 1.2em;
-    }
-}
-
-.c-simple-accordion-content-block + .c-simple-accordion-content-block {
-    margin-top: 3rem;
-    @include breakpoint(mobile down) {
-        margin-top: 2rem;
-    }
-}
-
-:last-child:not(.is-active) > .c-simple-accordion-title {
-    border: none;
-}

data/_sass/components/suggest-improvement.scss

@@ -1,10 +0,0 @@
-.c-suggest-improvement {
-  float: right;
-  padding: .25em .5em;
-  background: lighten($primary-color, 10%);
-  color: $dark-gray;
-
-  &:hover {
-    color: $light-gray;
-  }
-}

data/_sass/components/tag.scss

@@ -1,29 +0,0 @@
-.c-tag {
-  font-size: 0.85rem;
-  color: $primary-color;
-  border: 1px solid $primary-color;
-  display: inline-block;
-  text-decoration: none;
-  padding: 0 .3rem;
-  background: $secondary-color;
-}
-
-.c-tag:hover,
-.c-tag.is-active {
-  background: $primary-color;
-  color: $secondary-color;
-}
-
-.c-tag-list {
-  display: inline-block;
-  list-style-type: none;
-  margin: 0;
-
-  .c-tag-list__item {
-    display: inline-block;
-  }
-
-  .c-tag-list__item + .c-tag-list__item {
-    margin-left: 0.5rem;
-  }
-}

data/_sass/components/tile.scss

@@ -1,20 +0,0 @@
-.c-tile {
-  // border: 3px $primary-color solid;
-
-  &.c-tile--fill {
-    background: $light-gray;
-  }
-
-  &.c-tile--inverted.c-tile--fill {
-    color: $secondary-color;
-    background: $primary-color;
-  }
-}
-
-.c-tile__body {
-  padding: 1.25em;
-}
-
-.c-tile + .c-tile {
-  margin-top: 1.5rem;
-}

data/_sass/components/top-bar.scss

@@ -1,202 +0,0 @@
-.c-search {
-  display: flex;
-  align-items: center;
-  border-bottom: 3px $primary-color solid;
-}
-
-  .c-search__input {
-    border: 0;
-    margin: 0;
-    box-shadow: none;
-
-    &:focus {
-      border: 0;
-      box-shadow: none;
-    }
-  }
-
-  .c-search__confirm {
-    padding: 0em 1em;
-    font-size: 1.1rem;
-  }
-
-.c-responsive-menu-toggle {
-  display: inline-block;
-  font-size: 1.15rem;
-  border: 1px solid $dark-gray;
-  transition: border .2s;
-}
-  .c-responsive-menu-toogle__button {
-    display: flex;
-    align-items: center;
-    padding: 0.7rem 1.25rem;
-    color: $dark-gray;
-  }
-
-  .c-responsive-menu-toggle__caption {
-    margin-right: .25rem;
-    text-transform: uppercase;
-  }
-
-.c-responsive-menu {
-  display: block;
-  padding: .5rem 0;
-
-  @include breakpoint(medium down) {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 10;
-    background: $light-gray;
-    border-bottom: 3px $primary-color solid;
-    width: 100%;
-  }
-}
-
-  .c-responsive-menu__items {
-    list-style-type: none;
-    margin: 0;
-  }
-
-  .c-responsive-menu__item {
-    display: inline-block;
-
-    @include breakpoint(medium down) {
-      display: block;
-    }
-
-    @include breakpoint(small down) {
-      text-align: center;
-    }
-  }
-
-  .c-responsive-menu__item a {
-    @include headerStyle('h5', sub);
-
-    display: block;
-    position: relative;
-    color: $dark-gray;
-    margin: 0.7rem 1rem 0;
-    padding: 4px .25em 0; // 4px to compensate for font
-    transition: all .1s ease-in-out;
-    text-transform: uppercase;
-    letter-spacing: .01em;
-
-    @include breakpoint(medium down) {
-      padding: 1rem 1.8rem;
-      color: $primary-color;
-    }
-  }
-
-  // Highlight active item in the menu.
-  .c-responsive-menu__item a:hover,
-  .c-responsive-menu__item--active a {
-    @include breakpoint(large) {
-      color: $secondary-color;
-    }
-  }
-
-.c-top-bar {
-  background: $ternary-color;
-  color: $secondary-color;
-  padding-bottom: .25rem;
-  position: relative;
-}
-
-.c-top-bar__body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  @include breakpoint(medium down) {
-    padding: 0 0 .5rem;
-  }
-}
-
-  // Brand goes first.
-  .c-top-bar__brand {
-    order: 1;
-    width: 130px; // a little bit bigger on large screens
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    margin-right: 1.5rem;
-
-    @include breakpoint(medium down) {
-      width: 115px;
-    }
-  }
-
-  .c-top-bar__brand-link {
-    width: 100%;
-  }
-
-  .c-top-bar__brand-image {
-    width: 100%;
-  }
-
-  // Responsive menu is second.
-  .c-top-bar .c-responsive-menu {
-    order: 2;
-  }
-
-  // Search is last.
-  .c-top-bar__search {
-    order: 3;
-
-    @include breakpoint(large) {
-      flex: 1; // search spreads to available space
-      max-width: 200px; // ... but max 200px
-      margin-left: auto;
-    }
-
-    @include breakpoint(medium down) {
-      flex: 1;
-      margin-right: 1.5rem;
-    }
-
-    @include breakpoint(small down) {
-      display: none;
-    }
-
-    .c-top-bar__search-container {
-      border-color: $dark-gray;
-      border-width: 1px;
-
-      @include breakpoint(large) {
-        margin: 1rem 0;
-      }
-
-      // On large screen, search confirm is at the very right of the container.
-      // @see: order: 3.
-      .c-top-bar__search-confirm {
-        cursor: default;
-        color: $dark-gray;
-
-        @include breakpoint(large) {
-          padding-right: 0;
-        }
-      }
-
-      .c-top-bar__search-input {
-        background: $ternary-color;
-        appearance: textfield;
-        color: $white;
-
-        &::placeholder {
-          color: $dark-gray;
-          opacity: 1;
-        }
-
-        &:focus {
-          background: $ternary-color;
-        }
-      }
-    }
-  }
-
-
-  .c-top-bar .c-responsive-menu-toggle {
-    order: 4;
-  }
-

data/_sass/components/top-sub-nav.scss

@@ -1,81 +0,0 @@
-$tsb-ns: '';
-
-.c-top-sub-nav .c-top-sub-nav-inner {
-  display: flex;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  overflow-y: hidden;
-  align-items: center;
-
-  @include breakpoint(mobile down) {
-    text-align: center;
-    flex-direction: column;
-  }
-
-  // This matches .o-section and .c-page-header padding which is stripped in this case.
-  @include breakpoint(medium) {
-    min-height: 4rem;
-  }
-}
-
-.c-top-sub-nav .c-top-sub-nav__heading {
-
-  margin: 0;
-}
-
-.c-top-sub-nav .c-top-sub-nav-divider {
-  margin: 0 2rem;
-
-  &:before {
-    content: '\f105';
-    font-family: 'FontAwesome';
-    font-size: 1.3rem;
-  }
-
-  @include breakpoint(mobile down) {
-    display: block;
-
-    &:before {
-      content: '\f107';
-      margin-left: -7px;
-    }
-  }
-}
-
-.c-top-sub-nav .c-top-sub-nav__heading,
-.c-top-sub-nav .c-top-sub-nav__item {
-  font-size: 1.15rem;
-  font-weight: map-get(map-get($text, weight), default);
-  font-family: $body-font-family;
-}
-
-.c-top-sub-nav-items {
-  list-style-type: none;
-  margin-left: 0;
-  margin-bottom: 0;
-}
-
-.c-top-sub-nav__item {
-  display: inline-block;
-  margin-left: 0;
-
-  a {
-    text-decoration: underline;
-  }
-
-  @include breakpoint(mobile down) {
-    display: block;
-  }
-}
-.c-top-sub-nav__item +
-.c-top-sub-nav__item {
-  margin-left: 2rem;
-
-  @include breakpoint(medium down) {
-    margin-left: 1rem;
-  }
-
-  @include breakpoint(mobile down) {
-    margin: 0;
-  }
-}