express_admin 1.7.5 → 1.7.7

data/vendor/gems/foundation_apps_styles/vendor/assets/stylesheets/components/_off-canvas.scss

@@ -1,169 +0,0 @@
-/*
-	Off-canvas menu
-  ---------------
-
-  A generic container that stays fixed to the left, top, right, or bottom of the screen, and is summoned when needed. When an off-canvas panel is open, the app frame shifts over to reveal the menu.
-*/
-
-/// @Foundation.settings
-// Off-canvas
-$offcanvas-size-horizontal: 250px !default;
-$offcanvas-size-vertical: 250px !default;
-
-$offcanvas-background: #fff !default;
-$offcanvas-color: isitlight($offcanvas-background) !default;
-$offcanvas-padding: 0 !default;
-$offcanvas-shadow: 3px 0 10px rgba(black, 0.25) !default;
-$offcanvas-animation-speed: 0.25s !default;
-
-$offcanvas-frame-selector: '.grid-frame' !default;
-///
-
-%off-canvas {
-  position: fixed;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-  transition: transform $offcanvas-animation-speed ease-out;
-  z-index: 2;
-
-  // Active state
-  &.is-active {
-    transform: translate(0,0) !important;
-  }
-
-  // Frame styles
-  & ~ #{$offcanvas-frame-selector} {
-    transform: translate(0,0,0);
-    transition: transform 0.25s ease-out;
-    backface-visibility: hidden;
-    background: white;
-  }
-}
-@mixin off-canvas-detached {
-  z-index: 0;
-  box-shadow: none;
-
-  &, &.is-active {
-    transform: none;
-  }
-
-  & ~ #{$offcanvas-frame-selector} {
-    z-index: 1;
-    box-shadow: 0 0 15px rgba(0,0,0,0.5);
-  }
-}
-
-@mixin off-canvas-layout(
-  $position: left,
-  $size: default,
-  $shadow: $offcanvas-shadow
-) {
-  /*
-    Get shadow values for later use
-  */
-  $shadow-length: '';
-  $shadow-size: '';
-  $shadow-color: '';
-  @if hasvalue($shadow) {
-    $shadow-length: get-shadow-value($shadow, x);
-    $shadow-size: get-shadow-value($shadow, size);
-    $shadow-color: get-shadow-value($shadow, color);
-  }
-
-  /*
-    Sizing
-  */
-  @if $position == left or $position == right {
-    @if $size == default {
-      $size: $offcanvas-size-horizontal;
-    }
-    width: $size;
-    height: 100%;
-  }
-  @else {
-    @if $size == default {
-      $size: $offcanvas-size-vertical;
-    }
-    height: $size;
-    width: 100%;
-  }
-
-  /*
-    Positioning
-  */
-  @if $position == left {
-    top: 0;
-    left: 0;
-    @if hasvalue($shadow) { box-shadow: inset (-$shadow-length) 0 $shadow-size $shadow-color; }
-    transform: translateX(-100%);
-    &.is-active {
-      & ~ #{$offcanvas-frame-selector} { transform: translateX($size) !important; }
-    }
-  }
-  @else if $position == right {
-    left: auto;
-    top: 0;
-    right: 0;
-    @if hasvalue($shadow) { box-shadow: inset $shadow-length 0 $shadow-size $shadow-color; }
-    transform: translateX(100%);
-    &.is-active {
-      & ~ #{$offcanvas-frame-selector} { transform: translateX(-$size) !important; }
-    }
-  }
-  @else if $position == top {
-    top: 0;
-    left: 0;
-    transform: translateY(-100%);
-    @if hasvalue($shadow) { box-shadow: inset 0 (-$shadow-length) $shadow-size $shadow-color; }
-    &.is-active {
-      & ~ #{$offcanvas-frame-selector} { transform: translateY($size) !important; }
-    }
-  }
-  @else if $position == bottom {
-    top: auto;
-    bottom: 0;
-    left: 0;
-    transform: translateY(100%);
-    @if hasvalue($shadow) { box-shadow: inset 0 $shadow-length $shadow-size $shadow-color; }
-    &.is-active {
-      & ~ #{$offcanvas-frame-selector} { transform: translateY(-$size) !important; }
-    }
-  }
-}
-
-@mixin off-canvas-style(
-  $background: $offcanvas-background,
-  $color: $offcanvas-color,
-  $padding: $offcanvas-padding
-) {
-  background: $background;
-
-  @if $color == auto {
-    color: isitlight($background, #000, #fff);
-  }
-  @else {
-    color: $color;
-  }
-
-  @if hasvalue($padding) {
-    padding: $padding;
-  }
-}
-
-@include exports(off-canvas) {
-  .off-canvas {
-    @extend %off-canvas;
-    @include off-canvas-layout;
-    @include off-canvas-style;
-
-    &.top    { @include off-canvas-layout(top); }
-    &.right  { @include off-canvas-layout(right); }
-    &.bottom { @include off-canvas-layout(bottom); }
-    &.left   { @include off-canvas-layout(left); }
-
-    &.detached { @include off-canvas-detached; }
-
-    &.primary { @include off-canvas-style($primary-color, auto); }
-    &.dark    { @include off-canvas-style($dark-color, auto); }
-  }
-}

data/vendor/gems/foundation_apps_styles/vendor/assets/stylesheets/components/_panel.scss

@@ -1,134 +0,0 @@
-/*
-  PANEL
-  -----
-
-  The friendly panel is an all-purpose container for hiding content off-screen.
-
-  Features:
-   - Position at top, right, bottom, or left
-   - Anchor to grid block or window
-   - Define max width or height
-   - Transform into grid block depending on screen size
-*/
-
-/// @Foundation.settings
-// Panel
-$panel-size-horizontal: 300px !default;
-$panel-size-vertical: 300px !default;
-$panel-padding: 0 !default;
-
-$panel-background: #fff !default;
-$panel-shadow: 3px 0 10px rgba(black, 0.25) !default;
-
-// DEPRECATED: these variables will be removed in a future version.
-$panel-animation-speed: 0.25s !default;
-///
-
-%panel-base {
-  display: block;
-  position: absolute;
-  z-index: 100;
-  overflow-y: auto;
-  display: none;
-
-  &.is-active {
-    display: block;
-  }
-}
-
-@mixin panel-layout(
-  $position: left,
-  $size: default,
-  $shadow: $panel-shadow
-) {
-  @if $size == default {
-    @if $position == left or $position == right {
-      $size: $panel-size-horizontal;
-    }
-    @if $position == top or $position == bottom {
-      $size: $panel-size-vertical;
-    }
-  }
-
-  /*
-    Direction
-  */
-  @if $position == top {
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-  @else if $position == right {
-    top: 0;
-    right: 0;
-    height: 100%;
-  }
-  @else if $position == bottom {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-  }
-  @else if $position == left {
-    top: 0;
-    left: 0;
-    height: 100%;
-  }
-
-  /*
-    Sizing
-  */
-  // Horizontal panels are always all the way tall and have a set width
-  @if $position == left or $position == right {
-    @if unit($size) == '%' {
-      width: $size;
-    }
-    @else {
-      width: 100%;
-      @include breakpoint($size) {
-        width: $size;
-      }
-    }
-  }
-  // (For now) vertical panels don't change size
-  @if $position == top or $position == bottom {
-    height: $size;
-  }
-
-  /*
-    Shadows
-  */
-  $shadow-distance: get-shadow-value($shadow, x);
-  $shadow-size: get-shadow-value($shadow, size);
-  $shadow-color: get-shadow-value($shadow, color);
-  &.is-active {
-    @if $position == left        { box-shadow: $shadow-distance 0 $shadow-size $shadow-color; }
-    @else if $position == right  { box-shadow: (-$shadow-distance) 0 $shadow-size $shadow-color; }
-    @else if $position == top    { box-shadow: 0 $shadow-distance $shadow-size $shadow-color; }
-    @else if $position == bottom { box-shadow: 2px (-$shadow-distance) $shadow-size $shadow-color; }
-  }
-}
-
-@mixin panel-style(
-  $padding: $panel-padding,
-  $background: $panel-background
-) {
-  /*
-    Basic styles
-  */
-  padding: $padding;
-  background: $background;
-}
-
-@include exports(panel) {
-  .panel {
-    @extend %panel-base;
-    @include panel-style;
-  }
-
-  .panel-top    { @include panel-layout(top); }
-  .panel-right  { @include panel-layout(right); }
-  .panel-bottom { @include panel-layout(bottom); }
-  .panel-left   { @include panel-layout(left); }
-
-  .panel-fixed  { position: fixed; }
-}

data/vendor/gems/foundation_apps_styles/vendor/assets/stylesheets/components/_popup.scss

@@ -1,68 +0,0 @@
-/*
-  POPUP
-  -----
-
-  A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.
-*/
-
-/// @Foundation.settings
-// Popup
-$popup-width: rem-calc(300) !default;
-$popup-background: #fff !default;
-$popup-border: 0 !default;
-$popup-radius: 0 !default;
-$popup-shadow: 0 0 10px rgba(#000, 0.25) !default;
-///
-
-%popup {
-  position: absolute;
-  z-index: 1000;
-  opacity: 0;
-  overflow: hidden;
-  transition: opacity 0.25s ease-out;
-  pointer-events: none;
-
-  &.tether-enabled {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-@mixin popup-layout(
-  $width: $popup-width
-) {
-  width: $popup-width;
-}
-@mixin popup-style(
-  $background: $popup-background,
-  $color: #000,
-  $radius: $popup-radius,
-  $shadow: $popup-shadow,
-  $border: $popup-border
-) {
-  background: $background;
-  border-radius: $radius;
-  box-shadow: $shadow;
-  border: $border;
-}
-
-@mixin popup(
-  $width: $popup-width,
-  $background: $popup-background,
-  $radius: $popup-radius,
-  $shadow: $popup-shadow,
-  $border: $popup-border
-) {
-  @extend %popup;
-  @include popup-layout($width);
-  @include popup-style($background, isitlight($background), $radius, $shadow, $border);
-}
-
-@include exports(popup) {
-  .popup {
-    @include popup;
-
-    &.dark    { @include popup-style($dark-color, #fff); }
-    &.primary { @include popup-style($primary-color, isitlight($primary-color)); }
-  }
-}

data/vendor/gems/foundation_apps_styles/vendor/assets/stylesheets/components/_switch.scss

@@ -1,134 +0,0 @@
-/*
-  SWITCH
-  ------
-*/
-
-/// @Foundation.settings
-// Switch
-$switch-width: rem-calc(50) !default;
-$switch-height: rem-calc(32) !default;
-$switch-background: #ccc !default;
-$switch-background-active: $primary-color !default;
-$switch-border: 0 !default;
-$switch-radius: 9999px !default;
-$switch-animation-speed: 0.15s !default;
-
-$switch-paddle-color: white !default;
-$switch-paddle-offset: 4px !default;
-///
-
-%switch {
-  position: relative;
-  overflow: hidden;
-  display: inline-block;
-
-  > input {
-    position: absolute;
-    left: -9999px;
-    outline: none;
-  }
-
-  > label {
-    -ms-touch-action: manipulation;
-        touch-action: manipulation;
-    display: block;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    margin: 0;
-
-    // Paddle
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-  }
-
-  input + label {
-    margin-left: 0;
-  }
-}
-
-/*
-  Defines the dimmensions of the switch.
-
-  $width - width of the switch.
-  $height - height of the switch.
-*/
-@mixin switch-layout(
-  $width: $switch-width,
-  $height: $switch-height
-) {
-  width: $width;
-  height: $height;
-
-  > label {
-    &::after {
-      width: $height;
-      height: $height;
-    }
-  }
-  input:checked + label {
-    &::after {
-      left: $width - $height;
-    }
-  }
-}
-
-@mixin switch-style(
-  $background: $switch-background,
-  $background-active: $switch-background-active,
-  $border: $switch-border,
-  $radius: $switch-radius,
-  $paddle-color: $switch-paddle-color,
-  $paddle-offset: $switch-paddle-offset,
-  $animation-speed: $switch-animation-speed
-) {
-  @if hasvalue($border) {
-    border: $border;
-  }
-  border-radius: $radius;
-
-  > label {
-    background: $background;
-
-    &::after {
-      background: $paddle-color;
-      border-radius: $radius;
-      transition: left $animation-speed ease-out;
-
-      @if hasvalue($paddle-offset) {
-        border: $paddle-offset solid $background
-      }
-    }
-  }
-
-  input:checked + label {
-    background: $background-active;
-    margin: 0;
-
-    &::after {
-      @if hasvalue($paddle-offset) {
-        border-color: $background-active;
-      }
-    }
-  }
-}
-
-@mixin switch() {
-  @extend %switch;
-  @include switch-layout;
-  @include switch-style;
-}
-
-@include exports(switch) {
-  .switch {
-    @include switch;
-
-    &.small { @include switch-layout(rem-calc(40), rem-calc(26)); }
-    &.large { @include switch-layout(rem-calc(60), rem-calc(38)); }
-  }
-}

data/vendor/gems/foundation_apps_styles/vendor/assets/stylesheets/components/_tabs.scss

@@ -1,100 +0,0 @@
-/*
-  TABS
-  ----
-*/
-
-/// @Foundation.settings
-// Tabs
-$tabstrip-background: transparent !default;
-
-$tab-title-background: $gray-light !default;
-$tab-title-background-hover: smartscale($tab-title-background, 5%) !default;
-$tab-title-background-active: smartscale($tab-title-background, 3%) !default;
-$tab-title-color: isitlight($tab-title-background) !default;
-$tab-title-color-active: $tab-title-color !default;
-
-$tab-title-padding: $global-padding !default;
-$tab-content-padding: $global-padding !default;
-///
-
-@mixin tabstrip(
-	$orientation: horizontal,
-	$background: $tabstrip-background
-) {
-	/*
-		Container styles
-	*/
-	display: flex;
-	background: $background;
-
-	@if $orientation == vertical {
-	  flex-flow: column nowrap;
-	}
-	@else {
-		flex-flow: row wrap;
-	}
-}
-
-@mixin tabstrip-item(
-	$background: $tab-title-background,
-	$background-hover: $tab-title-background-hover,
-	$background-active: $tab-title-background-active,
-	$color: $tab-title-color,
-	$color-active: $tab-title-color-active,
-	$padding: $tab-title-padding
-) {
-  background: $background;
-  padding: $padding;
-  line-height: 1;
-  margin: 0;
-  flex: 0 1 auto;
-  cursor: pointer;
-  color: $color;
-
-  &.is-active {
-    background: $background-active;
-    color: $color-active;
-
-    &:hover {
-      background: $background-hover;
-    }
-  }
-  &:hover {
-    background: $background-hover;
-  }
-}
-
-@mixin tab-content(
-	$padding: $tab-content-padding
-) {
-  padding: $padding;
-}
-
-@mixin tab-content-item {
-  display: none;
-  &.is-active {
-    display: block;
-  }
-}
-
-@include exports(tabs) {
-  .tabs {
-    @include tabstrip(horizontal);
-
-    &.vertical {
-      @include tabstrip(vertical);
-    }
-
-    .tab-item {
-      @include tabstrip-item;
-    }
-  }
-
-  .tab-contents {
-    @include tab-content;
-
-    .tab-content {
-      @include tab-content-item;
-    }
-  }
-}