jekyll-theme-pirati 1.2.0 → 2.0.0

data/_sass/foundation/components/_tabs.scss

@@ -1,165 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group tabs
-////
-
-/// Default margin of the tab bar.
-/// @type Number
-$tab-margin: 0 !default;
-
-/// Default background color of a tab bar.
-/// @type Color
-$tab-background: $white !default;
-
-/// active background color of a tab bar.
-/// @type Color
-$tab-background-active: $light-gray !default;
-
-/// Font size of tab items.
-/// @type Number
-$tab-item-font-size: rem-calc(12) !default;
-
-/// Default background color on hover for items in a Menu.
-$tab-item-background-hover: $white !default;
-
-/// Default padding of a tab item.
-/// @type Number
-$tab-item-padding: 1.25rem 1.5rem !default;
-
-/// Maximum number of `expand-n` classes to include in the CSS.
-/// @type Number
-$tab-expand-max: 6 !default;
-
-/// Default background color of tab content.
-/// @type Color
-$tab-content-background: $white !default;
-
-/// Default border color of tab content.
-/// @type Color
-$tab-content-border: $light-gray !default;
-
-/// Default text color of tab content.
-/// @type Color
-$tab-content-color: foreground($tab-background, $primary-color) !default;
-
-/// Default padding for tab content.
-/// @type Number | List
-$tab-content-padding: 1rem !default;
-
-/// Adds styles for a tab container. Apply this to a `<ul>`.
-@mixin tabs-container {
-  @include clearfix;
-  margin: $tab-margin;
-  list-style-type: none;
-  background: $tab-background;
-  border: 1px solid $tab-content-border;
-}
-
-/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
-@mixin tabs-container-vertical {
-  > li {
-    width: auto;
-    float: none;
-    display: block;
-  }
-}
-
-/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.
-@mixin tabs-title {
-  float: #{$global-left};
-
-  > a {
-    display: block;
-    padding: $tab-item-padding;
-    line-height: 1;
-    font-size: $tab-item-font-size;
-
-    &:hover {
-      background: $tab-item-background-hover;
-    }
-
-    &:focus,
-    &[aria-selected='true'] {
-      background: $tab-background-active;
-    }
-  }
-}
-
-/// Adds styles for the wrapper that surrounds a tab group's content panes.
-@mixin tabs-content {
-  background: $tab-content-background;
-  transition: all 0.5s ease;
-  border: 1px solid $tab-content-border;
-  border-top: 0;
-}
-
-/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.
-@mixin tabs-content-vertical {
-  border: 1px solid $tab-content-border;
-  border-#{$global-left}: 0;
-}
-
-/// Adds styles for an individual tab content panel within the tab content container.
-@mixin tabs-panel {
-  display: none;
-  padding: $tab-content-padding;
-
-  &.is-active {
-    display: block;
-  }
-}
-
-@mixin foundation-tabs {
-  .tabs {
-    @include tabs-container;
-  }
-
-  // Vertical
-  .tabs.vertical {
-    @include tabs-container-vertical;
-  }
-
-  // Simple
-  .tabs.simple {
-    > li > a {
-      padding: 0;
-
-      &:hover {
-        background: transparent;
-      }
-    }
-  }
-
-  // Primary color
-  .tabs.primary {
-    background: $primary-color;
-
-    > li > a {
-      color: foreground($primary-color);
-
-      &:hover,
-      &:focus {
-        background: smart-scale($primary-color);
-      }
-    }
-  }
-
-  .tabs-title {
-    @include tabs-title;
-  }
-
-  .tabs-content {
-    @include tabs-content;
-  }
-
-  .tabs-content.vertical {
-    @include tabs-content-vertical;
-  }
-
-  .tabs-panel {
-    @include tabs-panel;
-  }
-}

data/_sass/foundation/components/_thumbnail.scss

@@ -1,54 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group thumbnail
-////
-
-/// Border around thumbnail images.
-/// @type Border
-$thumbnail-border: solid 4px $white !default;
-
-/// Bottom margin for thumbnail images.
-/// @type Length
-$thumbnail-margin-bottom: $global-margin !default;
-
-/// Box shadow under thumbnail images.
-/// @type Shadow
-$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default;
-
-/// Box shadow under thumbnail images.
-/// @type Shadow
-$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default;
-
-/// Transition proprties for thumbnail images.
-/// @type Transition
-$thumbnail-transition: box-shadow 200ms ease-out !default;
-
-/// Default radius for thumbnail images.
-/// @type Number
-$thumbnail-radius: $global-radius !default;
-
-/// Adds thumbnail styles to an element.
-@mixin thumbnail {
-  border: $thumbnail-border;
-  box-shadow: $thumbnail-shadow;
-  display: inline-block;
-  line-height: 0;
-  max-width: 100%;
-  transition: $thumbnail-transition;
-  border-radius: $thumbnail-radius;
-  margin-bottom: $thumbnail-margin-bottom;
-
-  &:hover,
-  &:focus {
-    box-shadow: $thumbnail-shadow-hover;
-  }
-}
-
-@mixin foundation-thumbnail {
-  .thumbnail {
-    @include thumbnail;
-  }
-}

data/_sass/foundation/components/_title-bar.scss

@@ -1,89 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group title-bar
-////
-
-/// Background color of a title bar.
-/// @type Color
-$titlebar-background: $black !default;
-
-/// Color of text inside a title bar.
-/// @type Color
-$titlebar-color: $white !default;
-
-/// Padding inside a title bar.
-/// @type Length
-$titlebar-padding: 0.5rem !default;
-
-/// Font weight of text inside a title bar.
-/// @type Weight
-$titlebar-text-font-weight: bold !default;
-
-/// Color of menu icons inside a title bar.
-/// @type Color
-$titlebar-icon-color: $white !default;
-
-/// Color of menu icons inside a title bar on hover.
-/// @type Color
-$titlebar-icon-color-hover: $medium-gray !default;
-
-/// Spacing between the menu icon and text inside a title bar.
-/// @type Length
-$titlebar-icon-spacing: 0.25rem !default;
-
-@mixin foundation-title-bar {
-  .title-bar {
-    background: $titlebar-background;
-    color: $titlebar-color;
-    padding: $titlebar-padding;
-
-    @if $global-flexbox {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-    @else {
-      @include clearfix;
-    }
-
-    .menu-icon {
-      margin-#{$global-left}: $titlebar-icon-spacing;
-      margin-#{$global-right}: $titlebar-icon-spacing;
-    }
-  }
-
-  @if $global-flexbox {
-    // scss-lint:disable ZeroUnit
-    .title-bar-left,
-    .title-bar-right {
-      flex: 1 1 0px;
-    }
-
-    .title-bar-right {
-      text-align: right;
-    }
-  }
-  @else {
-    .title-bar-left {
-      float: left;
-    }
-
-    .title-bar-right {
-      float: right;
-      text-align: right;
-    }
-  }
-
-  .title-bar-title {
-    font-weight: $titlebar-text-font-weight;
-    vertical-align: middle;
-    display: inline-block;
-  }
-
-  .menu-icon.dark {
-    @include hamburger;
-  }
-}

data/_sass/foundation/components/_tooltip.scss

@@ -1,104 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group tooltip
-////
-
-/// Default font weight of the defined term.
-/// @type Keyword | Number
-$has-tip-font-weight: $global-weight-bold !default;
-
-/// Default border bottom of the defined term.
-/// @type List
-$has-tip-border-bottom: dotted 1px $dark-gray !default;
-
-/// Default color of the tooltip background.
-/// @type Color
-$tooltip-background-color: $black !default;
-
-/// Default color of the tooltip font.
-/// @type Color
-$tooltip-color: $white !default;
-
-/// Default padding of the tooltip background.
-/// @type Number
-$tooltip-padding: 0.75rem !default;
-
-/// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy.
-/// @type Number
-$tooltip-font-size: $small-font-size !default;
-
-/// Default pip width for tooltips.
-/// @type Number
-$tooltip-pip-width: 0.75rem !default;
-
-/// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word.
-/// @type Number
-$tooltip-pip-height: $tooltip-pip-width * 0.866 !default;
-
-/// Default radius for tooltips.
-/// @type Number
-$tooltip-radius: $global-radius !default;
-
-@mixin has-tip {
-  border-bottom: $has-tip-border-bottom;
-  font-weight: $has-tip-font-weight;
-  position: relative;
-  display: inline-block;
-  cursor: help;
-}
-
-@mixin tooltip {
-  background-color: $tooltip-background-color;
-  color: $tooltip-color;
-  font-size: $tooltip-font-size;
-  padding: $tooltip-padding;
-  position: absolute;
-  z-index: 10;
-  top: calc(100% + #{$tooltip-pip-height});
-  max-width: 10rem !important;
-  border-radius: $tooltip-radius;
-
-  &::before {
-    @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);
-    bottom: 100%;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  &.top::before {
-    @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);
-    top: 100%;
-    bottom: auto;
-  }
-
-  &.left::before {
-    @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
-    bottom: auto;
-    left: 100%;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  &.right::before {
-    @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
-    bottom: auto;
-    left: auto;
-    right: 100%;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-}
-
-@mixin foundation-tooltip {
-  .has-tip {
-    @include has-tip;
-  }
-
-  .tooltip {
-    @include tooltip;
-  }
-}

data/_sass/foundation/components/_top-bar.scss

@@ -1,168 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group top-bar
-////
-
-/// Padding for the top bar.
-/// @type Number
-$topbar-padding: 0.5rem !default;
-
-/// Background color for the top bar. This color also cascades to menus within the top bar.
-/// @type Color
-$topbar-background: $light-gray !default;
-
-/// Background color submenus within the top bar. Usefull if $topbar-background is transparent.
-/// @type Color
-$topbar-submenu-background: $topbar-background !default;
-
-/// Spacing for the top bar title.
-/// @type Number
-$topbar-title-spacing: 1rem !default;
-
-/// Maximum width of `<input>` elements inside the top bar.
-/// @type Number
-$topbar-input-width: 200px !default;
-
-/// Breakpoint at which top bar switches from mobile to desktop view.
-/// @type Breakpoint
-$topbar-unstack-breakpoint: medium !default;
-
-/// Adds styles for a top bar container.
-@mixin top-bar-container {
-  @if $global-flexbox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: nowrap;
-  }
-  @else {
-    @include clearfix;
-  }
-
-  padding: $topbar-padding;
-
-  &,
-  ul {
-    background-color: $topbar-background;
-  }
-
-  // Check if $topbar-background is differnt from $topbar-background-submenu
-  @if ($topbar-background != $topbar-submenu-background) {
-    ul ul {
-      background-color: $topbar-submenu-background;
-    }
-  }
-
-  // Restrain width of inputs by default to make them easier to arrange
-  input {
-    max-width: $topbar-input-width;
-    margin-#{$global-right}: 1rem;
-  }
-
-  // The above styles shouldn't apply to input group fields
-  .input-group-field {
-    width: 100%;
-    margin-#{$global-right}: 0;
-  }
-
-  // scss-lint:disable QualifyingElement
-  input.button {
-    width: auto;
-  }
-}
-
-/// Makes sections of a top bar stack on top of each other.
-@mixin top-bar-stacked {
-  @if $global-flexbox {
-    flex-wrap: wrap;
-
-    // Sub-sections
-    .top-bar-left,
-    .top-bar-right {
-      flex: 0 0 100%;
-      max-width: 100%;
-    }
-  }
-  @else {
-    // Sub-sections
-    .top-bar-left,
-    .top-bar-right {
-      width: 100%;
-    }
-  }
-}
-
-/// Undoes the CSS applied by the `top-bar-stacked()` mixin.
-@mixin top-bar-unstack {
-  @if $global-flexbox {
-    flex-wrap: nowrap;
-
-    // scss-lint:disable ZeroUnit
-    .top-bar-left,
-    .top-bar-right {
-      flex: 1 1 0px;
-    }
-  }
-  @else {
-    .top-bar-left,
-    .top-bar-right {
-      width: auto;
-    }
-  }
-}
-
-@mixin foundation-top-bar {
-  // Top bar container
-  .top-bar {
-    @include top-bar-container;
-
-    // Stack on small screens by default
-    @include top-bar-stacked;
-
-    @include breakpoint($topbar-unstack-breakpoint) {
-      @include top-bar-unstack;
-    }
-
-    // Generate classes for stacking on each screen size (defined in $breakpoint-classes)
-    @each $size in $breakpoint-classes {
-      @if $size != $-zf-zero-breakpoint {
-        &.stacked-for-#{$size} {
-          @include breakpoint($size down) {
-            @include top-bar-stacked;
-          }
-        }
-      }
-    }
-  }
-
-  // Sub-sections
-  @if $global-flexbox {
-    .top-bar-title {
-      flex: 0 0 auto;
-      margin-right: $topbar-title-spacing;
-    }
-
-    .top-bar-left,
-    .top-bar-right {
-      flex: 0 0 auto;
-    }
-  }
-  @else {
-    .top-bar-title {
-      float: left;
-      margin-right: $topbar-title-spacing;
-
-    }
-
-    .top-bar-left {
-      float: left;
-    }
-
-    .top-bar-right {
-      float: right;
-    }
-  }
-}