jekyll-theme-pirati 1.2.0 → 2.0.0

data/_sass/foundation/components/_dropdown-menu.scss

@@ -1,221 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group dropdown-menu
-////
-
-/// Enables arrows for items with dropdown menus.
-/// @type Boolean
-$dropdownmenu-arrows: true !default;
-
-/// Sets dropdown menu arrow color if arrow is used.
-/// @type Color
-$dropdownmenu-arrow-color: $anchor-color !default;
-
-/// Minimum width of dropdown sub-menus.
-/// @type Length
-$dropdownmenu-min-width: 200px !default;
-
-/// Background color for dropdowns.
-/// @type Color
-$dropdownmenu-background: $white !default;
-
-/// Border for dropdown sub-menus.
-/// @type List
-$dropdownmenu-border: 1px solid $medium-gray !default;
-
-// Border width for dropdown sub-menus.
-// Used to adjust top margin of a sub-menu if a border is used.
-// @type Length
-$dropdownmenu-border-width: nth($dropdownmenu-border, 1);
-
-@mixin left-right-arrows {
-  > a::after {
-    #{$global-right}: 14px;
-    margin-top: -3px;
-  }
-
-  &.opens-left > a::after {
-    @include css-triangle(5px, $dropdownmenu-arrow-color, left);
-  }
-
-  &.opens-right > a::after {
-    @include css-triangle(5px, $dropdownmenu-arrow-color, right);
-  }
-}
-
-@mixin dropdown-menu-direction($dir: horizontal) {
-  @if $dir == horizontal {
-    > li.opens-left {
-      > .is-dropdown-submenu {
-        left: auto;
-        right: 0;
-        top: 100%;
-      }
-    }
-
-    > li.opens-right {
-      > .is-dropdown-submenu {
-        right: auto;
-        left: 0;
-        top: 100%;
-      }
-    }
-
-    @if $dropdownmenu-arrows {
-      > li.is-dropdown-submenu-parent > a {
-        padding-#{$global-right}: 1.5rem;
-        position: relative;
-      }
-
-      > li.is-dropdown-submenu-parent > a::after {
-        @include css-triangle(5px, $dropdownmenu-arrow-color, down);
-        #{$global-right}: 5px;
-        margin-top: -2px;
-      }
-    }
-  }
-  @else if $dir == vertical {
-    > li {
-      .is-dropdown-submenu {
-        top: 0;
-      }
-
-      &.opens-left {
-        > .is-dropdown-submenu {
-          left: auto;
-          right: 100%;
-        }
-      }
-
-      &.opens-right {
-        > .is-dropdown-submenu {
-          right: auto;
-          left: 100%;
-        }
-      }
-
-      @if $dropdownmenu-arrows {
-        @include left-right-arrows;
-      }
-    }
-  }
-  @else {
-    @warn 'The direction used for dropdown-menu-direction() must be horizontal or vertical.';
-  }
-}
-
-@mixin foundation-dropdown-menu {
-  .dropdown.menu {
-    @include dropdown-menu-direction(horizontal);
-
-    a {
-      @include disable-mouse-outline;
-    }
-
-    .no-js & ul {
-      display: none;
-    }
-
-    &.vertical {
-      @include dropdown-menu-direction(vertical);
-    }
-
-    @each $size in $breakpoint-classes {
-      @if $size != $-zf-zero-breakpoint {
-        @include breakpoint($size) {
-          &.#{$size}-horizontal {
-            @include dropdown-menu-direction(horizontal);
-          }
-
-          &.#{$size}-vertical {
-            @include dropdown-menu-direction(vertical);
-          }
-        }
-      }
-    }
-
-    &.align-right {
-      .is-dropdown-submenu.first-sub {
-        top: 100%;
-        left: auto;
-        right: 0;
-      }
-    }
-  }
-
-  .is-dropdown-menu.vertical {
-    width: 100px;
-
-    &.align-right {
-      float: right;
-    }
-  }
-
-  .is-dropdown-submenu-parent {
-    position: relative;
-
-    a::after {
-      position: absolute;
-      top: 50%;
-      #{$global-right}: 5px;
-      margin-top: -2px;
-    }
-
-    &.opens-inner > .is-dropdown-submenu {
-
-      top: 100%;
-      @if $global-text-direction == 'rtl' {
-        right: auto;
-      } @else {
-        left: auto;
-      }
-    }
-
-    &.opens-left > .is-dropdown-submenu {
-      left: auto;
-      right: 100%;
-    }
-
-    &.opens-right > .is-dropdown-submenu {
-      right: auto;
-      left: 100%;
-    }
-  }
-
-  .is-dropdown-submenu {
-    display: none;
-    position: absolute;
-    top: 0;
-    #{$global-left}: 100%;
-    min-width: $dropdownmenu-min-width;
-    z-index: 10;
-    background: $dropdownmenu-background;
-    border: $dropdownmenu-border;
-
-    .is-dropdown-submenu-parent {
-      @if $dropdownmenu-arrows {
-        @include left-right-arrows;
-      }
-    }
-
-    @if (type-of($dropdownmenu-border-width) == 'number') {
-      .is-dropdown-submenu {
-        margin-top: (-$dropdownmenu-border-width);
-      }
-    }
-
-    > li {
-      width: 100%;
-    }
-
-    // [TODO] Cut back specificity
-    // scss-lint:disable SelectorDepth
-    //&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...
-    &.js-dropdown-active {
-      display: block;
-    }
-  }
-}

data/_sass/foundation/components/_dropdown.scss

@@ -1,65 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group dropdown
-////
-
-/// Padding for dropdown panes.
-/// @type List
-$dropdown-padding: 1rem !default;
-
-/// Border for dropdown panes.
-/// @type List
-$dropdown-border: 1px solid $medium-gray !default;
-
-/// Font size for dropdown panes.
-/// @type List
-$dropdown-font-size: 1rem !default;
-
-/// Width for dropdown panes.
-/// @type Number
-$dropdown-width: 300px !default;
-
-/// Border radius dropdown panes.
-/// @type Number
-$dropdown-radius: $global-radius !default;
-
-/// Sizes for dropdown panes. Each size is a CSS class you can apply.
-/// @type Map
-$dropdown-sizes: (
-  tiny: 100px,
-  small: 200px,
-  large: 400px,
-) !default;
-
-/// Applies styles for a basic dropdown.
-@mixin dropdown-container {
-  background-color: $body-background;
-  border: $dropdown-border;
-  border-radius: $dropdown-radius;
-  display: block;
-  font-size: $dropdown-font-size;
-  padding: $dropdown-padding;
-  position: absolute;
-  visibility: hidden;
-  width: $dropdown-width;
-  z-index: 10;
-
-  &.is-open {
-    visibility: visible;
-  }
-}
-
-@mixin foundation-dropdown {
-  .dropdown-pane {
-    @include dropdown-container;
-  }
-
-  @each $name, $size in $dropdown-sizes {
-    .dropdown-pane.#{$name} {
-      width: $size;
-    }
-  }
-}

data/_sass/foundation/components/_flex-video.scss

@@ -1,63 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group flex-video
-////
-
-/// Margin below a flex video container.
-/// @type Number
-$flexvideo-margin-bottom: rem-calc(16) !default;
-
-/// Padding used to create a 4:3 aspect ratio.
-/// @type Number
-$flexvideo-ratio: 4 by 3 !default;
-
-/// Padding used to create a 16:9 aspect ratio.
-/// @type Number
-$flexvideo-ratio-widescreen: 16 by 9 !default;
-
-/// Creates a percentage height that can be used as padding in a flex video container.
-/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
-/// @return {Number} A percentage value that can be used as the `padding-bottom` parameter of a flex video container.
-@function flex-video($ratio) {
-  $w: nth($ratio, 1);
-  $h: nth($ratio, 3);
-  @return $h / $w * 100%;
-}
-
-/// Creates a flex video container.
-/// @param {List} $ratio [$flexvideo-ratio] - Ratio to use for the container, formatted as `x by y`.
-@mixin flex-video($ratio: $flexvideo-ratio) {
-  position: relative;
-  height: 0;
-  padding-bottom: flex-video($ratio);
-  margin-bottom: $flexvideo-margin-bottom;
-  overflow: hidden;
-
-  iframe,
-  object,
-  embed,
-  video {
-    position: absolute;
-    top: 0;
-    #{$global-left}: 0;
-    width: 100%;
-    height: 100%;
-  }
-}
-
-@mixin foundation-flex-video {
-  .flex-video {
-    @include flex-video;
-
-    &.widescreen {
-      padding-bottom: flex-video($flexvideo-ratio-widescreen);
-    }
-
-    &.vimeo {
-      padding-top: 0;
-    }
-  }
-}

data/_sass/foundation/components/_flex.scss

@@ -1,28 +0,0 @@
-@mixin foundation-flex-classes {
-  // Horizontal alignment using justify-content
-  @each $hdir, $prop in map-remove($-zf-flex-justify, left) {
-    .align-#{$hdir} {
-      @include flex-align($x: $hdir);
-    }
-  }
-
-  // Vertical alignment using align-items and align-self
-  @each $vdir, $prop in $-zf-flex-align {
-    .align-#{$vdir} {
-      @include flex-align($y: $vdir);
-    }
-
-    .align-self-#{$vdir} {
-      @include flex-align-self($y: $vdir);
-    }
-  }
-
-  // Source ordering
-  @include -zf-each-breakpoint {
-    @for $i from 1 through 6 {
-      .#{$-zf-size}-order-#{$i} {
-        @include flex-order($i);
-      }
-    }
-  }
-}

data/_sass/foundation/components/_float.scss

@@ -1,27 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group float
-////
-
-@mixin foundation-float-classes {
-  .float-left {
-    float: left !important;
-  }
-
-  .float-right {
-    float: right !important;
-  }
-
-  .float-center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .clearfix {
-    @include clearfix;
-  }
-}

data/_sass/foundation/components/_label.scss

@@ -1,55 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group label
-////
-
-/// Default background color for labels.
-/// @type Color
-$label-background: $primary-color !default;
-
-/// Default text color for labels.
-/// @type Color
-$label-color: foreground($label-background) !default;
-
-/// Default font size for labels.
-/// @type Number
-$label-font-size: 0.8rem !default;
-
-/// Default padding inside labels.
-/// @type Number
-$label-padding: 0.33333rem 0.5rem !default;
-
-/// Default radius of labels.
-/// @type Number
-$label-radius: $global-radius !default;
-
-/// Generates base styles for a label.
-@mixin label {
-  display: inline-block;
-  padding: $label-padding;
-  font-size: $label-font-size;
-  line-height: 1;
-  white-space: nowrap;
-  border-radius: $label-radius;
-}
-
-@mixin foundation-label {
-  .label {
-    @include label;
-
-    background: $label-background;
-    color: $label-color;
-
-    @each $name, $color in $foundation-palette {
-      @if $name != primary {
-        &.#{$name} {
-          background: $color;
-          color: foreground($color);
-        }
-      }
-    }
-  }
-}