active_frontend 13.3.0 → 14.0.0

data/vendor/assets/stylesheets/components/_spinner.scss

@@ -0,0 +1,83 @@
+// Table of Contents
+// ==================================================
+// Keyframes
+// Spinner
+// Backdrop
+
+// Keyframes
+// ==================================================
+@-webkit-keyframes spinner-colors {
+  0% { stroke: color(primary); }
+  34% { stroke: color(secondary); }
+  67% { stroke: color(tertiary); }
+  100% { stroke: color(quaditiary); }
+}
+@keyframes spinner-colors {
+  0% { stroke: color(primary); }
+  34% { stroke: color(secondary); }
+  67% { stroke: color(tertiary); }
+  100% { stroke: color(quaditiary); }
+}
+@-webkit-keyframes spinner-dash {
+  0% { stroke-dashoffset: 187; }
+  50% {
+    stroke-dashoffset: (187 / 4);
+    @include transform(rotate(135deg));
+  }
+  100% {
+    stroke-dashoffset: 187;
+    @include transform(rotate(450deg));
+  }
+}
+@keyframes spinner-dash {
+  0% { stroke-dashoffset: 187; }
+  50% {
+    stroke-dashoffset: (187 / 4);
+    @include transform(rotate(135deg));
+  }
+  100% {
+    stroke-dashoffset: 187;
+    @include transform(rotate(450deg));
+  }
+}
+@-webkit-keyframes spinner-rotator {
+  0% { @include transform(rotate(0deg)); }
+  100% { @include transform(rotate(270deg)); }
+}
+@keyframes spinner-rotator {
+  0% { @include transform(rotate(0deg)); }
+  100% { @include transform(rotate(270deg)); }
+}
+
+// Spinner
+// ==================================================
+.spinner {
+  @include animation(spinner-rotator 1.4s linear infinite);
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 2050;
+
+  .bar {
+    @include animation(spinner-dash 1.4s ease-in-out infinite, spinner-colors (1.4s * 4) ease-in-out infinite);
+    stroke-dasharray: 187;
+    stroke-dashoffset: 0;
+    transform-origin: center;
+  }
+}
+
+// Backdrop
+// ==================================================
+.spinner-backdrop {
+  background: transparentize(color(white), 0.15);
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 2040;
+}

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

@@ -0,0 +1,150 @@
+// Table of Contents
+// ==================================================
+// Switch
+// Sizes
+// Colors
+
+// Switch
+// ==================================================
+.switch {
+  border: 1px solid;
+  border-color: color(dark-haze);
+  border-radius: border-radius(xl);
+  display: inline-block;
+  height: 28px;
+  overflow: hidden;
+  position: relative;
+  vertical-align: top;
+  width: 60px;
+
+  input[type='checkbox'] { display: none; }
+
+  .switch-group {
+    @include transition(left 0.125s ease-in-out);
+    @include user-select(none);
+    border-color: inherit;
+    bottom: 0;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 200%;
+  }
+  .switch-handle {
+    @include transition(right 0.125s ease-in-out);
+    background: color(white);
+    border: 1px solid;
+    border-color: inherit;
+    border-radius: border-radius(xl);
+    box-sizing: border-box;
+    display: block;
+    height: 28px;
+    position: absolute;
+    right: calc(50% - 1px);
+    width: 28px;
+  }
+  .switch-off,
+  .switch-on {
+    border-radius: border-radius(xl);
+    bottom: 0;
+    box-sizing: border-box;
+    margin: 0;
+    padding-top: 6px;
+    position: absolute;
+    top: 0;
+  }
+  .switch-off {
+    left: 50%;
+    padding-right: 10px;
+    right: 0;
+    text-align: right;
+  }
+  .switch-on {
+    left: 0;
+    padding-left: 10px;
+    right: 50%;
+  }
+
+  &.off {
+    .switch-group { left: -100%; }
+    .switch-handle { right: calc(50% - 27px); }
+  }
+  &.dark {
+    .switch-handle { background: color(light-black); }
+  }
+  &.light {
+    .switch-handle { background: color(haze); }
+  }
+}
+
+// Sizes
+// ==================================================
+.switch-size-l {
+  height: 36px;
+  width: 80px;
+
+  .switch-handle {
+    height: 36px;
+    width: 36px;
+  }
+  .switch-off,
+  .switch-on {
+    font-size: text-size(l);
+    padding-top: 8px;
+  }
+  .switch-off { padding-right: 14px; }
+  .switch-on { padding-left: 14px; }
+
+  &.off {
+    .switch-handle { right: calc(50% - 35px); }
+  }
+}
+.switch-size-m {
+  height: 32px;
+  width: 70px;
+
+  .switch-handle {
+    height: 32px;
+    width: 32px;
+  }
+  .switch-off,
+  .switch-on {
+    font-size: text-size(l);
+    padding-top: 6px;
+  }
+  .switch-off { padding-right: 12px; }
+  .switch-on { padding-left: 12px; }
+
+  &.off {
+    .switch-handle { right: calc(50% - 31px); }
+  }
+}
+.switch-size-s {
+  height: 24px;
+  width: 50px;
+
+  .switch-handle {
+    height: 24px;
+    width: 24px;
+  }
+  .switch-off,
+  .switch-on {
+    font-size: text-size(s);
+    padding-top: 5px;
+  }
+  .switch-off { padding-right: 8px; }
+  .switch-on { padding-left: 8px; }
+
+  &.off {
+    .switch-handle { right: calc(50% - 23px); }
+  }
+}
+
+// Colors
+// ==================================================
+@each $name, $color in $colors {
+  .switch-color-#{$name} {
+    background: color($name);
+    color: text-color-on($name);
+  }
+}

data/vendor/assets/stylesheets/components/_timepicker.scss

@@ -0,0 +1,30 @@
+// Table of Contents
+// ==================================================
+// Timepicker
+
+// scss-lint:disable NestingDepth
+// scss-lint:disable SelectorDepth
+
+// Timepicker
+// ==================================================
+.timepicker {
+  padding: 4px;
+
+  table {
+    width: 100%;
+
+    td {
+      height: 30px;
+      padding: 0;
+      text-align: center;
+
+      a {
+        font-size: 24px;
+
+        &:hover,
+        &:active,
+        &:focus { color: color(primary); }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/components/_tooltip.scss

@@ -0,0 +1,93 @@
+// Table of Contents
+// ==================================================
+// Tooltip
+
+// Tooltip
+// ==================================================
+.tooltip {
+  @include transition(opacity 0.1s ease-in-out);
+  border-color: color(black);
+  color: color(white);
+  font-size: text-size(xs);
+  font-weight: text-weight(semibold);
+  line-height: text-line-height(xs);
+  opacity: 0;
+  position: absolute;
+  white-space: normal;
+  z-index: 1070;
+
+  &.bottom,
+  &.top { padding: 5px 0; }
+  &.left,
+  &.right { padding: 0 5px; }
+  &.bottom {
+    margin-top: 3px;
+
+    .tooltip-arrow {
+      border-bottom-color: inherit;
+      border-width: 0 5px 5px;
+      left: 50%;
+      margin-left: -5px;
+      top: 0;
+    }
+  }
+  &.top {
+    margin-top: -3px;
+
+    .tooltip-arrow {
+      border-top-color: inherit;
+      border-width: 5px 5px 0;
+      bottom: 0;
+      left: 50%;
+      margin-left: -5px;
+    }
+  }
+  &.left {
+    margin-left: -3px;
+
+    .tooltip-arrow {
+      border-left-color: inherit;
+      border-width: 5px 0 5px 5px;
+      margin-top: -5px;
+      right: 0;
+      top: 50%;
+    }
+  }
+  &.right {
+    margin-left: 3px;
+
+    .tooltip-arrow {
+      border-right-color: inherit;
+      border-width: 5px 5px 5px 0;
+      left: 0;
+      margin-top: -5px;
+      top: 50%;
+    }
+  }
+  &.in { opacity: 1; }
+  &.dark { border-color: color(black); }
+  &.light {
+    border-color: color(haze);
+
+    .tooltip-inner { background: color(haze); }
+  }
+  &.white {
+    border-color: color(white);
+
+    .tooltip-inner { background: color(white); }
+  }
+}
+.tooltip-inner {
+  background: color(black);
+  border-radius: border-radius(b);
+  max-width: 100px;
+  padding: 10px 15px;
+  white-space: normal;
+}
+.tooltip-arrow {
+  border-color: color(transparent);
+  border-style: solid;
+  height: 0;
+  position: absolute;
+  width: 0;
+}

data/vendor/assets/stylesheets/components/_transition.scss

@@ -0,0 +1,12 @@
+// Table of Contents
+// ==================================================
+// Transition
+
+// Transition
+// ==================================================
+.fade {
+  opacity: 0;
+  @include transition(opacity 0.3s linear);
+
+  &.in { opacity: 1; }
+}

data/vendor/assets/stylesheets/components/_typeahead.scss

@@ -0,0 +1,18 @@
+// Table of Contents
+// ==================================================
+// Typeahead
+
+// Typeahead
+// ==================================================
+.typeahead {
+  margin-top: 10px;
+  z-index: 1060;
+
+  > li > a b { color: color(blue); }
+}
+x {
+  display: block;
+  color: color(gray);
+  font-style: italic;
+  font-weight: normal;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 13.3.0
+  version: 14.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-05-21 00:00:00.000000000 Z
+date: 2016-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -94,6 +94,48 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: fasterer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: reek
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: ActiveFrontend is a refreshingly modern responsive web framework for
   beautiful and faster project development.
 email:
@@ -102,9 +144,14 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".DS_Store"
 - ".coveralls.yml"
+- ".fasterer.yml"
 - ".gitignore"
+- ".reek"
 - ".rspec"
+- ".rubocop.yml"
+- ".scss-lint.yml"
 - ".travis.yml"
 - CODE_OF_CONDUCT.md
 - Gemfile
@@ -112,28 +159,34 @@ files:
 - README.md
 - Rakefile
 - active_frontend.gemspec
+- app/.DS_Store
+- app/assets/.DS_Store
+- app/assets/fonts/.DS_Store
+- app/assets/fonts/dripicons/.DS_Store
 - app/assets/fonts/dripicons/dripicons-weather.woff
 - app/assets/fonts/dripicons/dripicons.woff
-- app/assets/fonts/gotham/gotham-bold.woff
-- app/assets/fonts/gotham/gotham-book.woff
-- app/assets/fonts/gotham/gotham-light.woff
-- app/assets/fonts/gotham/gotham-medium.woff
-- app/assets/fonts/gotham/gotham-rounded-bold.woff
-- app/assets/fonts/gotham/gotham-rounded-book.woff
-- app/assets/fonts/gotham/gotham-rounded-light.woff
-- app/assets/fonts/gotham/gotham-rounded-medium.woff
-- app/assets/images/placeholders/archive-large.png
-- app/assets/images/placeholders/archive-small.png
-- app/assets/images/placeholders/archive.png
+- app/assets/fonts/fakt-pro/.DS_Store
+- app/assets/fonts/fakt-pro/fakt-pro-bold.woff
+- app/assets/fonts/fakt-pro/fakt-pro-normal.woff
+- app/assets/fonts/fakt-pro/fakt-pro-semibold.woff
+- app/assets/fonts/fakt-pro/fakt-pro-semilight.woff
+- app/assets/fonts/fakt-soft-pro/.DS_Store
+- app/assets/fonts/fakt-soft-pro/fakt-soft-pro-bold.woff
+- app/assets/fonts/fakt-soft-pro/fakt-soft-pro-normal.woff
+- app/assets/fonts/fakt-soft-pro/fakt-soft-pro-semibold.woff
+- app/assets/fonts/fakt-soft-pro/fakt-soft-pro-semilight.woff
+- app/assets/images/.DS_Store
+- app/assets/images/.keep
+- app/assets/images/placeholders/.DS_Store
 - app/assets/images/placeholders/camera-large.png
 - app/assets/images/placeholders/camera-small.png
 - app/assets/images/placeholders/camera.png
 - app/assets/images/placeholders/document-large.png
 - app/assets/images/placeholders/document-small.png
 - app/assets/images/placeholders/document.png
-- app/assets/images/placeholders/picture-large.png
-- app/assets/images/placeholders/picture-small.png
-- app/assets/images/placeholders/picture.png
+- app/assets/images/placeholders/photo-large.png
+- app/assets/images/placeholders/photo-small.png
+- app/assets/images/placeholders/photo.png
 - app/assets/images/placeholders/store-large.png
 - app/assets/images/placeholders/store-small.png
 - app/assets/images/placeholders/store.png
@@ -141,94 +194,97 @@ files:
 - app/assets/images/placeholders/user-small.png
 - app/assets/images/placeholders/user.png
 - app/helpers/active_frontend_helper.rb
+- lib/.DS_Store
 - lib/active_frontend.rb
+- lib/active_frontend/.DS_Store
 - lib/active_frontend/version.rb
 - lib/generators/active_frontend/install_generator.rb
 - lib/generators/active_frontend/templates/install.js
 - lib/generators/active_frontend/templates/install.scss
+- vendor/.DS_Store
+- vendor/assets/.DS_Store
+- vendor/assets/javascripts/.DS_Store
 - vendor/assets/javascripts/.keep
-- vendor/assets/javascripts/_affix.js
-- vendor/assets/javascripts/_alert.js
-- vendor/assets/javascripts/_animation.js
-- vendor/assets/javascripts/_button.js
-- vendor/assets/javascripts/_carousel.js
-- vendor/assets/javascripts/_chart.js
-- vendor/assets/javascripts/_collapse.js
-- vendor/assets/javascripts/_color_picker.js
-- vendor/assets/javascripts/_date_picker.js
-- vendor/assets/javascripts/_dropdown.js
-- vendor/assets/javascripts/_file_input.js
-- vendor/assets/javascripts/_hoverdown.js
-- vendor/assets/javascripts/_inputmask.js
-- vendor/assets/javascripts/_loader.js
-- vendor/assets/javascripts/_map.js
-- vendor/assets/javascripts/_modal.js
-- vendor/assets/javascripts/_popover.js
-- vendor/assets/javascripts/_scrollspy.js
-- vendor/assets/javascripts/_slider.js
-- vendor/assets/javascripts/_sort.js
-- vendor/assets/javascripts/_swoggle.js
-- vendor/assets/javascripts/_tab.js
-- vendor/assets/javascripts/_tablespy.js
-- vendor/assets/javascripts/_time_ago.js
-- vendor/assets/javascripts/_time_picker.js
-- vendor/assets/javascripts/_tooltip.js
-- vendor/assets/javascripts/_transition.js
-- vendor/assets/javascripts/_typeahead.js
 - vendor/assets/javascripts/active_frontend.js
+- vendor/assets/javascripts/base/_affix.js
+- vendor/assets/javascripts/base/_alert.js
+- vendor/assets/javascripts/base/_animation.js
+- vendor/assets/javascripts/base/_button.js
+- vendor/assets/javascripts/base/_carousel.js
+- vendor/assets/javascripts/base/_collapse.js
+- vendor/assets/javascripts/base/_colorpicker.js
+- vendor/assets/javascripts/base/_datepicker.js
+- vendor/assets/javascripts/base/_dropdown.js
+- vendor/assets/javascripts/base/_filepicker.js
+- vendor/assets/javascripts/base/_hoverdown.js
+- vendor/assets/javascripts/base/_layout.js
+- vendor/assets/javascripts/base/_list.js
+- vendor/assets/javascripts/base/_modal.js
+- vendor/assets/javascripts/base/_popover.js
+- vendor/assets/javascripts/base/_scrollspy.js
+- vendor/assets/javascripts/base/_switch.js
+- vendor/assets/javascripts/base/_tab.js
+- vendor/assets/javascripts/base/_table.js
+- vendor/assets/javascripts/base/_timeago.js
+- vendor/assets/javascripts/base/_timepicker.js
+- vendor/assets/javascripts/base/_tooltip.js
+- vendor/assets/javascripts/base/_tour.js
+- vendor/assets/javascripts/base/_transition.js
+- vendor/assets/javascripts/base/_typeahead.js
+- vendor/assets/javascripts/extensions/_calendar.js
+- vendor/assets/javascripts/extensions/_chart.js
+- vendor/assets/javascripts/extensions/_map.js
+- vendor/assets/stylesheets/.DS_Store
 - vendor/assets/stylesheets/.keep
-- vendor/assets/stylesheets/_ad.scss
-- vendor/assets/stylesheets/_affix.scss
-- vendor/assets/stylesheets/_alert.scss
-- vendor/assets/stylesheets/_animation.scss
-- vendor/assets/stylesheets/_breadcrumb.scss
-- vendor/assets/stylesheets/_button.scss
-- vendor/assets/stylesheets/_canvas.scss
-- vendor/assets/stylesheets/_carousel.scss
-- vendor/assets/stylesheets/_chart.scss
-- vendor/assets/stylesheets/_code.scss
-- vendor/assets/stylesheets/_collapse.scss
-- vendor/assets/stylesheets/_color.scss
-- vendor/assets/stylesheets/_colorpicker.scss
-- vendor/assets/stylesheets/_datepicker.scss
-- vendor/assets/stylesheets/_dropdown.scss
-- vendor/assets/stylesheets/_footer.scss
-- vendor/assets/stylesheets/_form.scss
-- vendor/assets/stylesheets/_grid.scss
-- vendor/assets/stylesheets/_header.scss
-- vendor/assets/stylesheets/_icon.scss
-- vendor/assets/stylesheets/_image.scss
-- vendor/assets/stylesheets/_label_and_badge.scss
-- vendor/assets/stylesheets/_link.scss
-- vendor/assets/stylesheets/_list.scss
-- vendor/assets/stylesheets/_loader.scss
-- vendor/assets/stylesheets/_map.scss
-- vendor/assets/stylesheets/_missive.scss
-- vendor/assets/stylesheets/_mixin.scss
-- vendor/assets/stylesheets/_modal.scss
-- vendor/assets/stylesheets/_nav_and_tab.scss
-- vendor/assets/stylesheets/_navbar.scss
-- vendor/assets/stylesheets/_pagination.scss
-- vendor/assets/stylesheets/_panel.scss
-- vendor/assets/stylesheets/_placeholder.scss
-- vendor/assets/stylesheets/_popover.scss
-- vendor/assets/stylesheets/_progress.scss
-- vendor/assets/stylesheets/_reset.scss
-- vendor/assets/stylesheets/_sidebar.scss
-- vendor/assets/stylesheets/_slider.scss
-- vendor/assets/stylesheets/_spinner.scss
-- vendor/assets/stylesheets/_subheader.scss
-- vendor/assets/stylesheets/_swoggle.scss
-- vendor/assets/stylesheets/_table.scss
-- vendor/assets/stylesheets/_timepicker.scss
-- vendor/assets/stylesheets/_toolbar.scss
-- vendor/assets/stylesheets/_tooltip.scss
-- vendor/assets/stylesheets/_transition.scss
-- vendor/assets/stylesheets/_trunk.scss
-- vendor/assets/stylesheets/_typeahead.scss
-- vendor/assets/stylesheets/_typography.scss
+- vendor/assets/stylesheets/_utility.scss
 - vendor/assets/stylesheets/_variable.scss
 - vendor/assets/stylesheets/active_frontend.scss
+- vendor/assets/stylesheets/blocks/_anchor.scss
+- vendor/assets/stylesheets/blocks/_button.scss
+- vendor/assets/stylesheets/blocks/_code.scss
+- vendor/assets/stylesheets/blocks/_common.scss
+- vendor/assets/stylesheets/blocks/_form.scss
+- vendor/assets/stylesheets/blocks/_icon.scss
+- vendor/assets/stylesheets/blocks/_list.scss
+- vendor/assets/stylesheets/blocks/_multimedia.scss
+- vendor/assets/stylesheets/blocks/_reset.scss
+- vendor/assets/stylesheets/blocks/_table.scss
+- vendor/assets/stylesheets/blocks/_typography.scss
+- vendor/assets/stylesheets/components/_ad.scss
+- vendor/assets/stylesheets/components/_affix.scss
+- vendor/assets/stylesheets/components/_alert.scss
+- vendor/assets/stylesheets/components/_animation.scss
+- vendor/assets/stylesheets/components/_breadcrumb.scss
+- vendor/assets/stylesheets/components/_calendar.scss
+- vendor/assets/stylesheets/components/_card.scss
+- vendor/assets/stylesheets/components/_carousel.scss
+- vendor/assets/stylesheets/components/_chart.scss
+- vendor/assets/stylesheets/components/_collapse.scss
+- vendor/assets/stylesheets/components/_colorpicker.scss
+- vendor/assets/stylesheets/components/_datepicker.scss
+- vendor/assets/stylesheets/components/_dropmenu.scss
+- vendor/assets/stylesheets/components/_footer.scss
+- vendor/assets/stylesheets/components/_grid.scss
+- vendor/assets/stylesheets/components/_header.scss
+- vendor/assets/stylesheets/components/_label_and_badge.scss
+- vendor/assets/stylesheets/components/_layout.scss
+- vendor/assets/stylesheets/components/_map.scss
+- vendor/assets/stylesheets/components/_milestone.scss
+- vendor/assets/stylesheets/components/_missive.scss
+- vendor/assets/stylesheets/components/_modal.scss
+- vendor/assets/stylesheets/components/_nav_and_tab.scss
+- vendor/assets/stylesheets/components/_navbar.scss
+- vendor/assets/stylesheets/components/_pagination.scss
+- vendor/assets/stylesheets/components/_placeholder.scss
+- vendor/assets/stylesheets/components/_popover.scss
+- vendor/assets/stylesheets/components/_progress.scss
+- vendor/assets/stylesheets/components/_sidebar.scss
+- vendor/assets/stylesheets/components/_spinner.scss
+- vendor/assets/stylesheets/components/_switch.scss
+- vendor/assets/stylesheets/components/_timepicker.scss
+- vendor/assets/stylesheets/components/_tooltip.scss
+- vendor/assets/stylesheets/components/_transition.scss
+- vendor/assets/stylesheets/components/_typeahead.scss
 homepage: https://github.com/drexed/active_frontend
 licenses:
 - MIT