locomotivecms_wagon 2.4.1 → 3.0.0.beta2

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

@@ -1,330 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-// sass-lint:disable force-element-nesting, no-qualifying-elements
-
-////
-/// @group table
-////
-
-/// Default color for table background.
-/// @type Color
-$table-background: $white  !default;
-
-/// Default scale for darkening the striped table rows and the table border.
-/// @type Number
-$table-color-scale: 5% !default;
-
-/// Default style for table border.
-/// @type List
-$table-border: 1px solid smart-scale($table-background, $table-color-scale) !default;
-
-/// Default padding for table.
-/// @type Number
-$table-padding: rem-calc(8 10 10) !default;
-
-/// Default scale for darkening the table rows on hover.
-/// @type Number
-$table-hover-scale: 2% !default;
-
-/// Default color of standard rows on hover.
-/// @type List
-$table-row-hover: darken($table-background, $table-hover-scale) !default;
-
-/// Default color of striped rows on hover.
-/// @type List
-$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default;
-
-/// If `true`, tables are striped by default and an .unstriped class is created. If `false`, a .striped class is created.
-/// @type Boolean
-$table-is-striped: true !default;
-
-/// Default background color for striped rows.
-/// @type Color
-$table-striped-background: smart-scale($table-background, $table-color-scale) !default;
-
-/// Default value for showing the stripe on rows of the tables, excluding the header and footer. If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or any other value, the table rows will have no striping.
-/// @type Keyword
-$table-stripe: even !default;
-
-/// Default color for header background.
-/// @type Color
-$table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;
-
-/// Default color of header rows on hover.
-/// @type List
-$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;
-
-/// Default color for footer background.
-/// @type Color
-$table-foot-background: smart-scale($table-background, $table-color-scale) !default;
-
-/// Default color of footer rows on hover.
-/// @type List
-$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;
-
-/// Default font color for header.
-/// @type Color
-$table-head-font-color: $body-font-color !default;
-
-/// Default font color for footer.
-/// @type Color
-$table-foot-font-color: $body-font-color !default;
-
-/// Default value for showing the header when using stacked tables.
-/// @type Boolean
-$show-header-for-stacked: false !default;
-
-/// Breakpoint at which stacked table switches from mobile to desktop view.
-/// @type Breakpoint
-$table-stack-breakpoint: medium !default;
-
-@mixin -zf-table-stripe($stripe: $table-stripe) {
-  tr {
-    // If stripe is set to even, darken the even rows.
-    @if $stripe == even {
-      &:nth-child(even) {
-        border-bottom: 0;
-        background-color: $table-striped-background;
-      }
-    }
-
-    // If stripe is set to odd, darken the odd rows.
-    @else if $stripe == odd {
-      &:nth-child(odd) {
-        background-color: $table-striped-background;
-      }
-    }
-  }
-}
-
-@mixin -zf-table-unstripe() {
-  tr {
-    border-bottom: 0;
-    border-bottom: $table-border;
-    background-color: $table-background;
-  }
-}
-
-@mixin -zf-table-children-styles($stripe: $table-stripe, $is-striped: $table-is-striped) {
-  thead,
-  tbody,
-  tfoot {
-    border: $table-border;
-    background-color: $table-background;
-  }
-
-  // Caption
-  caption {
-    padding: $table-padding;
-    font-weight: $global-weight-bold;
-  }
-
-  // Table head
-  thead {
-    background: $table-head-background;
-    color: $table-head-font-color;
-  }
-
-  // Table foot
-  tfoot {
-    background: $table-foot-background;
-    color: $table-foot-font-color;
-  }
-
-  // Table head and foot
-  thead,
-  tfoot {
-    // Rows within head and foot
-    tr {
-      background: transparent;
-    }
-
-    // Cells within head and foot
-    th,
-    td {
-      padding: $table-padding;
-      font-weight: $global-weight-bold;
-      text-align: #{$global-left};
-    }
-  }
-
-  // Table rows
-  tbody {
-    th,
-    td {
-      padding: $table-padding;
-    }
-  }
-
-  // If tables are striped
-  @if $is-striped == true {
-    tbody {
-      @include -zf-table-stripe($stripe);
-    }
-
-    &.unstriped {
-      tbody {
-        @include -zf-table-unstripe();
-        background-color: $table-background;
-      }
-    }
-  }
-
-  // If tables are not striped
-  @else if $is-striped == false {
-    tbody {
-      @include -zf-table-unstripe();
-    }
-
-    &.striped {
-      tbody {
-        @include -zf-table-stripe($stripe);
-      }
-    }
-  }
-}
-
-/// Adds the general styles for tables.
-/// @param {Keyword} $stripe [$table-stripe] - Uses keywords even, odd, or none to darken rows of the table. The default value is even.
-@mixin table(
-  $stripe: $table-stripe,
-  $nest: false
-) {
-  border-collapse: collapse;
-  width: 100%;
-  margin-bottom: $global-margin;
-  border-radius: $global-radius;
-
-  @if $nest {
-    @include -zf-table-children-styles($stripe);
-  }
-  @else {
-    @at-root {
-      @include -zf-table-children-styles($stripe);
-    }
-  }
-}
-
-/// Adds the ability to horizontally scroll the table when the content overflows horizontally.
-@mixin table-scroll {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-}
-
-/// Slightly darkens the table rows on hover.
-@mixin table-hover {
-  thead tr {
-    //Darkens the table header rows on hover.
-    &:hover {
-      background-color: $table-head-row-hover;
-    }
-  }
-
-  tfoot tr {
-    //Darkens the table footer rows on hover.
-    &:hover {
-      background-color: $table-foot-row-hover;
-    }
-  }
-
-  tbody tr {
-    //Darkens the non-striped table rows on hover.
-    &:hover {
-      background-color: $table-row-hover;
-    }
-  }
-
-  @if $table-is-striped == true {
-    // Darkens the even striped table rows.
-    @if($table-stripe == even) {
-      &:not(.unstriped) tr:nth-of-type(even):hover {
-        background-color: $table-row-stripe-hover;
-      }
-    }
-
-    // Darkens the odd striped table rows.
-    @elseif($table-stripe == odd) {
-      &:not(.unstriped) tr:nth-of-type(odd):hover {
-        background-color: $table-row-stripe-hover;
-      }
-    }
-  }
-
-  @else if $table-is-striped == false {
-    // Darkens the even striped table rows.
-    @if($table-stripe == even) {
-      &.striped tr:nth-of-type(even):hover {
-        background-color: $table-row-stripe-hover;
-      }
-    }
-
-    // Darkens the odd striped table rows.
-    @elseif($table-stripe == odd) {
-      &.striped tr:nth-of-type(odd):hover {
-        background-color: $table-row-stripe-hover;
-      }
-    }
-  }
-}
-
-/// Adds styles for a stacked table. Useful for small-screen layouts.
-/// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked.
-@mixin table-stack($header: $show-header-for-stacked) {
-  @if $header {
-    thead {
-      th {
-        display: block;
-      }
-    }
-  }
-  @else {
-    thead {
-      display: none;
-    }
-  }
-
-  tfoot {
-    display: none;
-  }
-
-  tr,
-  th,
-  td {
-    display: block;
-  }
-
-  td {
-    border-top: 0;
-  }
-}
-
-@mixin foundation-table($nest: false) {
-  table {
-    @include table($nest: $nest);
-  }
-
-  table.stack {
-    @include breakpoint($table-stack-breakpoint down) {
-      @include table-stack;
-    }
-  }
-
-  table.scroll {
-    @include table-scroll;
-  }
-
-  table.hover {
-    @include table-hover;
-  }
-
-  .table-scroll {
-    overflow-x: auto;
-
-    table {
-      width: auto;
-    }
-  }
-}

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

@@ -1,196 +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;
-
-/// Font color of tab item.
-/// @type Color
-$tab-color: $primary-color !default;
-
-/// Active background color of a tab bar.
-/// @type Color
-$tab-background-active: $light-gray !default;
-
-/// Active font color of tab item.
-/// @type Color
-$tab-active-color: $primary-color !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: $body-font-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 (
-  $margin: $tab-margin,
-  $background: $tab-background,
-  $border-color: $tab-content-border
-) {
-  @include clearfix;
-  margin: $margin;
-  border: 1px solid $border-color;
-  background: $background;
-  list-style-type: none;
-}
-
-/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
-@mixin tabs-container-vertical {
-  > li {
-    display: block;
-    float: none;
-    width: auto;
-  }
-}
-
-/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.
-@mixin tabs-title (
-  $padding: $tab-item-padding,
-  $font-size: $tab-item-font-size,
-  $color: $tab-color,
-  $color-active: $tab-active-color,
-  $background-hover: $tab-item-background-hover,
-  $background-active: $tab-background-active
-) {
-  float: #{$global-left};
-
-  > a {
-    display: block;
-    padding: $padding;
-    font-size: $font-size;
-    line-height: 1;
-    color: $color;
-
-    &:hover {
-      background: $background-hover;
-      color: scale-color($color, $lightness: -14%);
-    }
-
-    &:focus,
-    &[aria-selected='true'] {
-      background: $background-active;
-      color: $color-active;
-    }
-  }
-}
-
-/// Adds styles for the wrapper that surrounds a tab group's content panes.
-@mixin tabs-content (
-  $background: $tab-content-background,
-  $color: $tab-content-color,
-  $border-color: $tab-content-border
-) {
-  border: 1px solid $border-color;
-  border-top: 0;
-  background: $background;
-  color: $color;
-  transition: all 0.5s ease;
-}
-
-/// 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-color: $tab-content-border
-) {
-  border: 1px solid $border-color;
-  border-#{$global-left}: 0;
-}
-
-/// Adds styles for an individual tab content panel within the tab content container.
-@mixin tabs-panel (
-  $padding: $tab-content-padding
-) {
-  display: none;
-  padding: $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: color-pick-contrast($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;
-  }
-}