locomotivecms_wagon 2.4.1 → 3.0.0.beta2

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

@@ -1,67 +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 {
-  display: inline-block;
-  max-width: 100%;
-  margin-bottom: $thumbnail-margin-bottom;
-
-  border: $thumbnail-border;
-  border-radius: $thumbnail-radius;
-  box-shadow: $thumbnail-shadow;
-
-  line-height: 0;
-}
-
-@mixin thumbnail-link {
-  transition: $thumbnail-transition;
-
-  &:hover,
-  &:focus {
-    box-shadow: $thumbnail-shadow-hover;
-  }
-
-  image {
-    box-shadow: none;
-  }
-}
-
-@mixin foundation-thumbnail {
-  .thumbnail {
-    @include thumbnail;
-  }
-
-  a.thumbnail {
-    @include thumbnail-link;
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_title-bar.scss

@@ -1,84 +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 {
-    padding: $titlebar-padding;
-    background: $titlebar-background;
-    color: $titlebar-color;
-
-    @if $global-flexbox {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-    @else {
-      @include clearfix;
-    }
-
-    .menu-icon {
-      margin-#{$global-left}: $titlebar-icon-spacing;
-      margin-#{$global-right}: $titlebar-icon-spacing;
-    }
-  }
-
-  @if $global-flexbox {
-    .title-bar-left,
-    .title-bar-right {
-      flex: 1 1 0px; // sass-lint:disable-line zero-unit
-    }
-
-    .title-bar-right {
-      text-align: right;
-    }
-  }
-  @else {
-    .title-bar-left {
-      float: left;
-    }
-
-    .title-bar-right {
-      float: right;
-      text-align: right;
-    }
-  }
-
-  .title-bar-title {
-    display: inline-block;
-    vertical-align: middle;
-    font-weight: $titlebar-text-font-weight;
-  }
-}

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

@@ -1,160 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group tooltip
-////
-
-/// Default cursor of the defined term.
-/// @type Keyword
-$has-tip-cursor: help !default;
-
-/// 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 max width for tooltips.
-/// @type Number
-$tooltip-max-width: 10rem !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 {
-  position: relative;
-  display: inline-block;
-
-  border-bottom: $has-tip-border-bottom;
-  font-weight: $has-tip-font-weight;
-  cursor: $has-tip-cursor;
-}
-
-@mixin tooltip {
-  position: absolute;
-  top: calc(100% + #{$tooltip-pip-height});
-  z-index: 1200;
-
-  max-width: $tooltip-max-width;
-  padding: $tooltip-padding;
-
-  border-radius: $tooltip-radius;
-  background-color: $tooltip-background-color;
-  font-size: $tooltip-font-size;
-  color: $tooltip-color;
-
-  &::before {
-    position: absolute;
-  }
-
-  &.bottom {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);
-      bottom: 100%;
-    }
-
-    &.align-center::before {
-      left: 50%;
-      transform: translateX(-50%);
-    }
-  }
-
-  &.top {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);
-      top: 100%;
-      bottom: auto;
-    }
-
-    &.align-center::before {
-      left: 50%;
-      transform: translateX(-50%);
-    }
-  }
-
-  &.left {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
-      left: 100%;
-    }
-
-    &.align-center::before {
-      bottom: auto;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-  }
-
-  &.right {
-    &::before {
-      @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
-      right: 100%;
-      left: auto;
-    }
-
-    &.align-center::before {
-      bottom: auto;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-  }
-
-  &.align-top::before {
-    bottom: auto;
-    top: 10%;
-  }
-
-  &.align-bottom::before {
-    bottom: 10%;
-    top: auto;
-  }
-
-  &.align-left::before {
-    left: 10%;
-    right: auto;
-  }
-
-  &.align-right::before {
-    left: auto;
-    right: 10%;
-  }
-}
-
-@mixin foundation-tooltip {
-  .has-tip {
-    @include has-tip;
-  }
-
-  .tooltip {
-    @include tooltip;
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_top-bar.scss

@@ -1,175 +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: 0.5rem 1rem 0.5rem 0 !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;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-  }
-  @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;
-  }
-
-  input.button { // sass-lint:disable-line no-qualifying-elements
-    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;
-
-    .top-bar-left {
-      flex: 1 1 auto;
-      margin-right: auto;
-    }
-
-    .top-bar-right {
-      flex: 0 1 auto;
-      margin-left: auto;
-    }
-  }
-  @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: $topbar-title-spacing;
-    }
-
-    .top-bar-left,
-    .top-bar-right {
-      flex: 0 0 auto;
-    }
-  }
-  @else {
-    .top-bar-title {
-      display: inline-block;
-      float: left;
-      padding: $topbar-title-spacing;
-
-      .menu-icon {
-        bottom: 2px;
-      }
-    }
-
-    .top-bar-left {
-      float: left;
-    }
-
-    .top-bar-right {
-      float: right;
-    }
-  }
-}