locomotivecms_wagon 2.4.1 → 3.0.0.beta2

data/generators/foundation/public/stylesheets/foundation6/components/_responsive-embed.scss

@@ -1,70 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group responsive-embed
-////
-
-/// Margin below a responsive embed container.
-/// @type Number
-$responsive-embed-margin-bottom: rem-calc(16) !default;
-
-/// Aspect ratios used to determine padding-bottom of responsive embed containers.
-/// @type Map
-$responsive-embed-ratios: (
-  default: 4 by 3,
-  widescreen: 16 by 9,
-) !default;
-
-// WARNING: Will be removed in version 6.4
-$responsive-embed-ratio: default;
-
-/// Creates a responsive embed container.
-/// @param {String|List} $ratio [default] - Ratio of the container. Can be a key from the `$responsive-embed-ratios` map or a list formatted as `x by y`.
-@mixin responsive-embed($ratio: default) {
-  @if type-of($ratio) == 'string' {
-    $ratio: map-get($responsive-embed-ratios, $ratio);
-  }
-  position: relative;
-  height: 0;
-  margin-bottom: $responsive-embed-margin-bottom;
-  padding-bottom: ratio-to-percentage($ratio);
-  overflow: hidden;
-
-  iframe,
-  object,
-  embed,
-  video {
-    position: absolute;
-    top: 0;
-    #{$global-left}: 0;
-    width: 100%;
-    height: 100%;
-  }
-}
-
-@mixin foundation-responsive-embed {
-  .responsive-embed,
-  .flex-video {
-    @include responsive-embed($ratio: default);
-
-    $ratios: map-remove($responsive-embed-ratios,default);
-
-    @each $name, $ratio in $ratios {
-      &.#{$name} {
-        padding-bottom: ratio-to-percentage($ratio);
-      }
-    }
-  }
-}
-
-@mixin foundation-flex-video {
-  @warn 'This mixin is being replaced by foundation-responsive-embed(). foundation-flex-video() will be removed in Foundation 6.4.';
-  @include foundation-responsive-embed;
-}
-
-@mixin flex-video($ratio: $responsive-embed-ratio) {
-  @warn 'This mixin is being replaced by responsive-embed(). flex-video() will be removed in Foundation 6.4.';
-  @include responsive-embed($ratio);
-}

data/generators/foundation/public/stylesheets/foundation6/components/_reveal.scss

@@ -1,180 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group reveal
-////
-
-/// Default background color of a modal.
-/// @type Color
-$reveal-background: $white !default;
-
-/// Default width of a modal, with no class applied.
-/// @type Number
-$reveal-width: 600px !default;
-
-/// Default maximum width of a modal.
-/// @type Number
-$reveal-max-width: $global-width !default;
-
-/// Default padding inside a modal.
-/// @type Number
-$reveal-padding: $global-padding !default;
-
-/// Default border around a modal.
-/// @type Number
-$reveal-border: 1px solid $medium-gray !default;
-
-/// Default radius for modal.
-/// @type Number
-$reveal-radius: $global-radius !default;
-
-/// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one.
-/// @type Number
-$reveal-zindex: 1005 !default;
-
-/// Background color of modal overlays.
-/// @type Color
-$reveal-overlay-background: rgba($black, 0.45) !default;
-
-
-// Placeholder selector for medium-and-up modals
-// Prevents duplicate CSS when defining multiple Reveal sizes
-@include breakpoint(medium) {
-  %reveal-centered {
-    right: auto;
-    left: auto;
-    margin: 0 auto;
-  }
-}
-
-
-/// Adds styles for a modal overlay.
-/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.
-@mixin reveal-overlay($background: $reveal-overlay-background) {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $reveal-zindex;
-
-  display: none;
-  background-color: $background;
-  overflow-y: scroll;
-}
-
-/// Adds base styles for a modal.
-@mixin reveal-modal-base {
-  @include disable-mouse-outline;
-  z-index: $reveal-zindex + 1;
-  // Workaround android browser z-index bug
-  backface-visibility: hidden;
-
-  display: none;
-  padding: $reveal-padding;
-
-  border: $reveal-border;
-  border-radius: $reveal-radius;
-  background-color: $reveal-background;
-
-  @include breakpoint(medium) {
-    min-height: 0;
-  }
-
-  // Make sure rows don't have a min-width on them
-  .column {
-    min-width: 0;
-  }
-
-  // Strip margins from the last item in the modal
-  > :last-child {
-    margin-bottom: 0;
-  }
-}
-
-/// Adjusts the width of a modal.
-/// @param {Number} $width - Width of the modal. Generally a percentage.
-/// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal.
-@mixin reveal-modal-width(
-  $width: $reveal-width,
-  $max-width: $reveal-max-width
-) {
-  @include breakpoint(medium) {
-    @extend %reveal-centered;
-    width: $width;
-    max-width: $max-width;
-  }
-}
-
-/// Creates a full-screen modal, which stretches the full width and height of the window.
-@mixin reveal-modal-fullscreen {
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  max-width: none;
-  height: 100%;
-  height: 100vh; // sass-lint:disable-line no-duplicate-properties
-  min-height: 100vh;
-  margin-left: 0;
-
-  border: 0;
-  border-radius: 0;
-}
-
-@mixin foundation-reveal {
-  // [TODO] Is this necessary?
-  body.is-reveal-open { // sass-lint:disable-line no-qualifying-elements
-    overflow: hidden;
-  }
-
-  // html gets this class only in iOS
-  html.is-reveal-open,
-  html.is-reveal-open body {
-    min-height: 100%;
-    overflow: hidden;
-    position: fixed;
-    user-select: none;
-  }
-
-  // Overlay
-  .reveal-overlay {
-    @include reveal-overlay;
-  }
-
-  // Modal container
-  .reveal {
-    @include reveal-modal-base;
-    @include reveal-modal-width($reveal-width);
-    position: relative;
-    top: 100px;
-    margin-right: auto;
-    margin-left: auto;
-    overflow-y: auto;
-
-    // Remove padding
-    &.collapse {
-      padding: 0;
-    }
-
-    // Sizing classes
-    &.tiny  { @include reveal-modal-width(30%); }
-    &.small { @include reveal-modal-width(50%); }
-    &.large { @include reveal-modal-width(90%); }
-
-    // Full-screen mode
-    &.full {
-      @include reveal-modal-fullscreen;
-    }
-
-    @include breakpoint($-zf-zero-breakpoint only) {
-      @include reveal-modal-fullscreen;
-    }
-
-    &.without-overlay {
-      position: fixed;
-    }
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_slider.scss

@@ -1,137 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-// [TODO] Check how plugin confirms disabled or vertical status
-// [TODO] Check if transition: all; is necessary
-
-////
-/// @group slider
-////
-
-/// Default slider width of a vertical slider. (Doesn't apply to the native slider.)
-/// @type Number
-$slider-width-vertical: 0.5rem !default;
-
-/// Transition properties to apply to the slider handle and fill. (Doesn't apply to the native slider.)
-/// @type Transition
-$slider-transition: all 0.2s ease-in-out !default;
-
-/// Adds the general styles for sliders.
-@mixin slider-container {
-  position: relative;
-  height: $slider-height;
-  margin-top: 1.25rem;
-  margin-bottom: 2.25rem;
-
-  background-color: $slider-background;
-  cursor: pointer;
-  user-select: none;
-  touch-action: none;
-}
-
-/// Adds the general styles for active fill for sliders.
-@mixin slider-fill {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  display: inline-block;
-  max-width: 100%;
-  height: $slider-height;
-
-  background-color: $slider-fill-background;
-  transition: $slider-transition;
-
-  &.is-dragging {
-    transition: all 0s linear;
-  }
-}
-
-/// Adds the general styles for the slider handles.
-@mixin slider-handle {
-  @include disable-mouse-outline;
-  @include vertical-center;
-  left: 0;
-  z-index: 1;
-
-  display: inline-block;
-  width: $slider-handle-width;
-  height: $slider-handle-height;
-
-  border-radius: $slider-radius;
-  background-color: $slider-handle-background;
-  transition: $slider-transition;
-  touch-action: manipulation;
-
-  &:hover {
-    background-color: scale-color($slider-handle-background, $lightness: -15%);
-  }
-
-  &.is-dragging {
-    transition: all 0s linear;
-  }
-}
-
-@mixin slider-disabled {
-  opacity: $slider-opacity-disabled;
-  cursor: not-allowed;
-}
-
-@mixin slider-vertical {
-  display: inline-block;
-  width: $slider-width-vertical;
-  height: 12.5rem;
-  margin: 0 1.25rem;
-  transform: scale(1, -1);
-
-  .slider-fill {
-    top: 0;
-    width: $slider-width-vertical;
-    max-height: 100%;
-  }
-
-  .slider-handle {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width: $slider-handle-height;
-    height: $slider-handle-width;
-    transform: translateX(-50%);
-  }
-}
-
-@mixin foundation-slider {
-  // Container
-  .slider {
-    @include slider-container;
-  }
-
-  // Fill area
-  .slider-fill {
-    @include slider-fill;
-  }
-
-  // Draggable handle
-  .slider-handle {
-    @include slider-handle;
-  }
-
-  // Disabled state
-  .slider.disabled,
-  .slider[disabled] {
-    @include slider-disabled;
-  }
-
-  // Vertical slider
-  .slider.vertical {
-    @include slider-vertical;
-  }
-
-  // RTL support
-  @if $global-text-direction == rtl {
-    .slider:not(.vertical) {
-      transform: scale(-1, 1);
-    }
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_sticky.scss

@@ -1,39 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-@mixin foundation-sticky {
-  .sticky-container {
-    position: relative;
-  }
-
-  .sticky {
-    position: relative;
-    z-index: 0;
-    transform: translate3d(0, 0, 0);
-  }
-
-  .sticky.is-stuck {
-    position: fixed;
-    z-index: 5;
-    width: 100%;
-
-    &.is-at-top {
-      top: 0;
-    }
-
-    &.is-at-bottom {
-      bottom: 0;
-    }
-  }
-
-  .sticky.is-anchored {
-    position: relative;
-    right: auto;
-    left: auto;
-
-    &.is-at-bottom {
-      bottom: 0;
-    }
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_switch.scss

@@ -1,247 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group switch
-////
-
-/// Background color of a switch.
-/// @type Color
-$switch-background: $medium-gray !default;
-
-/// Background active color of a switch.
-/// @type Color
-$switch-background-active: $primary-color !default;
-
-/// Height of a switch, with no class applied.
-/// @type Number
-$switch-height: 2rem !default;
-
-/// Height of a switch with .tiny class.
-/// @type Number
-$switch-height-tiny: 1.5rem !default;
-
-/// Height of a switch with .small class.
-/// @type Number
-$switch-height-small: 1.75rem !default;
-
-/// Height of a switch with .large class.
-/// @type Number
-$switch-height-large: 2.5rem !default;
-
-/// Border radius of the switch
-/// @type Number
-$switch-radius: $global-radius !default;
-
-/// border around a modal.
-/// @type Number
-$switch-margin: $global-margin !default;
-
-/// Background color for the switch container and paddle.
-/// @type Color
-$switch-paddle-background: $white !default;
-
-/// Spacing between a switch paddle and the edge of the body.
-/// @type Number
-$switch-paddle-offset: 0.25rem !default;
-
-/// border radius of the switch paddle
-/// @type Number
-$switch-paddle-radius: $global-radius !default;
-
-/// switch transition.
-/// @type Number
-$switch-paddle-transition: all 0.25s ease-out !default;
-
-// make them variables
-// ask about accessibility on label
-// change class name for text
-
-/// Adds styles for a switch container. Apply this to a container class.
-@mixin switch-container {
-  position: relative;
-  margin-bottom: $switch-margin;
-  outline: 0;
-
-  // These properties cascade down to the switch text
-  font-size: rem-calc(14);
-  font-weight: bold;
-  color: $white;
-
-  user-select: none;
-}
-
-/// Adds styles for a switch input. Apply this to an `<input>` within a switch.
-@mixin switch-input {
-  position: absolute;
-  margin-bottom: 0;
-  opacity: 0;
-}
-
-/// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.
-@mixin switch-paddle {
-  $switch-width: $switch-height * 2;
-  $paddle-height: $switch-height - ($switch-paddle-offset * 2);
-  $paddle-width: $switch-height - ($switch-paddle-offset * 2);
-  $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;
-
-  position: relative;
-  display: block;
-  width: $switch-width;
-  height: $switch-height;
-
-  border-radius: $switch-radius;
-  background: $switch-background;
-  transition: $switch-paddle-transition;
-
-  // Resetting these <label> presets so type styles cascade down
-  font-weight: inherit;
-  color: inherit;
-
-  cursor: pointer;
-
-  // Needed to override specificity
-  input + & {
-    margin: 0;
-  }
-
-  // The paddle itself
-  &::after {
-    position: absolute;
-    top: $switch-paddle-offset;
-    #{$global-left}: $switch-paddle-offset;
-
-    display: block;
-    width: $paddle-width;
-    height: $paddle-height;
-
-    transform: translate3d(0, 0, 0);
-    border-radius: $switch-paddle-radius;
-    background: $switch-paddle-background;
-    transition: $switch-paddle-transition;
-    content: '';
-  }
-
-  // Change the visual style when the switch is active
-  input:checked ~ & {
-    background: $switch-background-active;
-
-    &::after {
-      #{$global-left}: $paddle-active-offest;
-    }
-  }
-
-  input:focus ~ & {
-    @include disable-mouse-outline;
-  }
-}
-
-/// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`.
-@mixin switch-text {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-/// Adds styles for the active state text within a switch.
-@mixin switch-text-active {
-  #{$global-left}: 8%;
-  display: none;
-
-  input:checked + label > & {
-    display: block;
-  }
-}
-
-/// Adds styles for the inactive state text within a switch.
-@mixin switch-text-inactive {
-  #{$global-right}: 15%;
-
-  input:checked + label > & {
-    display: none;
-  }
-}
-
-/// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container.
-/// @param {Number} $font-size [1rem] - Font size of label text within the switch.
-/// @param {Number} $switch-height [2rem] - Height of the switch body.
-/// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body.
-@mixin switch-size(
-  $font-size: 1rem,
-  $switch-height: 2rem,
-  $paddle-offset: 0.25rem
-) {
-
-  $switch-width: $switch-height * 2;
-  $paddle-width: $switch-height - ($paddle-offset * 2);
-  $paddle-height: $switch-height - ($paddle-offset * 2);
-  $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;
-
-  height: $switch-height;
-
-  .switch-paddle {
-    width: $switch-width;
-    height: $switch-height;
-    font-size: $font-size;
-  }
-
-  .switch-paddle::after {
-    top: $paddle-offset;
-    #{$global-left}: $paddle-offset;
-    width: $paddle-width;
-    height: $paddle-height;
-  }
-
-  input:checked ~ .switch-paddle::after {
-    #{$global-left}: $paddle-active-offest;
-  }
-}
-
-@mixin foundation-switch {
-  // Container class
-  .switch {
-    height: $switch-height;
-    @include switch-container;
-  }
-
-  // <input> element
-  .switch-input {
-    @include switch-input;
-  }
-
-  // <label> element
-  .switch-paddle {
-    @include switch-paddle;
-  }
-
-  // Base label text styles
-  %switch-text {
-    @include switch-text;
-  }
-
-  // Active label text styles
-  .switch-active {
-    @extend %switch-text;
-    @include switch-text-active;
-  }
-
-  // Inactive label text styles
-  .switch-inactive {
-    @extend %switch-text;
-    @include switch-text-inactive;
-  }
-
-  // Switch sizes
-  .switch.tiny {
-    @include switch-size(rem-calc(10), $switch-height-tiny, $switch-paddle-offset);
-  }
-
-  .switch.small {
-    @include switch-size(rem-calc(12), $switch-height-small, $switch-paddle-offset);
-  }
-
-  .switch.large {
-    @include switch-size(rem-calc(16), $switch-height-large, $switch-paddle-offset);
-  }
-}