shift-ui-kit 0.0.40

data/assets/itcss/6-components/_c-panel.scss

@@ -0,0 +1,17 @@
+.c-panel {
+  box-shadow: rgba(#000, 0.5) 0 1px 2px;
+
+  &__content {
+    background: #FFF;
+    padding: 20px;
+  }
+
+  .c-action-bar {
+    margin: 20px -20px -20px;
+    background: #F5F5F5;
+
+    .c-btn {
+      border-radius: 0;
+    }
+  }
+}

data/assets/itcss/6-components/_c-popup-inject-point.scss

@@ -0,0 +1,16 @@
+.c-popup-inject-point {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+
+  .c-popup-inject-point__backdrop {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(0, 0, 0, 0.3);
+  }
+}

data/assets/itcss/6-components/_c-popup.scss

@@ -0,0 +1,3 @@
+.c-popup {
+  box-shadow: rgba(#000, 0.5) 0 1px 2px;
+}

data/assets/itcss/6-components/_c-section-heading.scss

@@ -0,0 +1,58 @@
+.c-section-heading {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: $default-spacing;
+  margin-bottom: $default-spacing;
+
+
+  &__return {
+    width: 100%;
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    margin-bottom: $tight-spacing;
+    font-size: 16px;
+    text-transform: lowercase;
+    color: #999;
+  }
+
+  &__title {
+    flex-grow: 1;
+    flex-shrink: 1;
+    align-self: center;
+
+    margin-top: 0;
+    margin-bottom: 0;
+    color: #222;
+    line-height: 1;
+  }
+
+  &__icon {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    flex-grow: 0;
+    align-self: center;
+
+    margin-top: -4px;
+    margin-right: $tight-spacing / 2;
+    background-size: contain;
+
+    $icons: (
+      "access-keys", "account-settings", "action-accept", "action-archive",
+      "action-cancel", "action-create", "action-delete", "action-edit",
+      "action-merchandise", "assets", "attributes", "carts", "category-trees",
+      "customer-segments", "customers", "environment-configurations",
+      "environments", "menus", "payment-gateways", "products", "promotions",
+      "retail-stores", "roles", "search", "shipping-methods", "static-pages",
+      "tax-codes", "taxonomies", "template-definitions", "user-profile",
+      "users", "variants"
+    );
+
+    @each $icon in $icons {
+      &--#{$icon} {
+        background-image: url("/assets/images/section-heading-icons/#{$icon}.svg");
+      }
+    }
+  }
+}

data/assets/itcss/6-components/_c-select-all-cell.scss

@@ -0,0 +1,4 @@
+.c-select-all-cell {
+  text-align: center;
+  cursor: pointer;
+}

data/assets/itcss/6-components/_c-select-row-cell.scss

@@ -0,0 +1,4 @@
+.c-select-row-cell {
+  text-align: center;
+  cursor: pointer;
+}

data/assets/itcss/6-components/_c-tab-set.scss

@@ -0,0 +1,50 @@
+.c-tab-set {
+  $bg-color: #FFF;
+  $border-color: #BBB;
+  width: 100%;
+
+  &--absolute {
+    position: relative;
+  }
+
+  &__tabs-bar {
+    margin-bottom: -1px;
+    position: relative;
+    z-index: 1;
+
+    &__tab {
+      display: inline-block;
+
+      &__link {
+        display: inline-block;
+        color: inherit;
+
+        padding: 10px 20px;
+        border: 1px solid $border-color;
+
+        &--active {
+          background: $bg-color;
+          border-bottom: 1px solid $bg-color;
+        }
+      }
+    }
+  }
+
+  &__content {
+    overflow: auto;
+    background: $bg-color;
+    border: 1px solid $border-color;
+    padding: 20px;
+
+    &--absolute {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+    }
+
+    &__item--absolute {
+      min-height: 100%;
+    }
+  }
+}

data/assets/itcss/6-components/_c-title-bar.scss

@@ -0,0 +1,29 @@
+.c-title-bar {
+  @extend .clearfix;
+
+  background: $color-brand;
+  color: #fff;
+  padding: 0 20px;
+  line-height: 50px;
+
+  &__logo {
+    display: block;
+    float: left;
+    width: 50px;
+    height: 50px;
+    background: url("/assets/images/logo.svg") center center no-repeat;
+    background-size: 60% auto;
+    opacity: 0.6;
+    margin-left: -20px;
+  }
+
+  &__close {
+    display: block;
+    float: right;
+    width: 50px;
+    height: 50px;
+    background: url("/assets/images/icons/close.svg") center center no-repeat;
+    background-size: 30% auto;
+    margin-right: -20px;
+  }
+}

data/assets/itcss/6-components/_index.scss

@@ -0,0 +1,28 @@
+@import 'c-app';
+@import 'c-app-loading';
+@import 'c-display-layers';
+@import 'c-main-view-wrapper';
+@import 'c-main-view';
+@import 'c-btn-default';
+@import 'c-data-table';
+@import 'c-nav-bar';
+@import 'c-dropdown';
+@import 'c-dropdown-group';
+@import 'c-form-field';
+@import 'c-form-message';
+@import 'c-data-table';
+@import 'c-pagination';
+@import 'c-panel';
+@import 'c-popup-inject-point';
+@import 'c-examples-nav';
+@import 'c-tab-set';
+@import 'c-popup';
+@import 'c-title-bar';
+@import 'c-action-bar';
+@import 'c-loader';
+@import 'c-checkbox';
+@import 'c-flash-message';
+@import 'c-section-heading';
+@import 'c-default-breadcrumb';
+@import 'c-select-all-cell';
+@import 'c-select-row-cell';

data/assets/itcss/8-trumps/_index.scss

@@ -0,0 +1,15 @@
+.u-text-left { text-align: left }
+.u-text-center { text-align: center }
+.u-text-right { text-align: right }
+
+@for $number from 1 through 10 {
+  .u-order-#{$number} {
+    order: $number;
+
+    @each $key, $size in $breakpoints {
+      @media (min-width: $size) {
+        &\@#{$key} { order: $number }
+      }
+    }
+  }
+}

data/assets/itcss/app.scss

@@ -0,0 +1,59 @@
+/*
+  This project uses the ITCSS (https://www.youtube.com/watch?v=1OKZOV-iLj4) based architecture to better structure CSS
+  and BEMIT as a better CSS class naming convention, which is exactly the same as BEM
+  (http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/) but prefixed with the first character
+  of the ITCSS layer it lives in. So the component .panel, panel__title would be .c-panel, c-panel__title
+*/
+
+/*
+  Contains:
+  * Global variables such as brand colours, spacing units etc
+  * Config switches
+  * Are only relevant to preprocessors
+*/
+@import 'assets/itcss/1-settings/index';
+
+/*
+  Contains:
+  * Globally available mixins
+  * Globally available functions
+  * Are only relevant to preprocessors
+*/
+@import 'assets/itcss/2-tools/index';
+
+/*
+  Contains far reaching, low specificity styles styles such as:
+  * Reset styles (Normalize.css)
+  * Global box sizing rules
+*/
+@import 'assets/itcss/3-generic/index';
+
+/*
+  Contains styles for HTML elements: p, h1, table etc
+*/
+@import 'assets/itcss/4-elements/index';
+
+/*
+  Contains reusable structural design patterns such as:
+  * grid layouts
+  * media object
+  * usually nothing cosmetic
+*/
+@import 'assets/itcss/5-objects/index';
+
+/*
+  Contains structural and cometic styles for:
+  * self-contained, reusable UI components
+  * Button, DataGrid, Panel, Gallery etc
+*/
+@import 'assets/itcss/6-components/index';
+
+/*
+  Space for creating themes for your components
+*/
+@import 'assets/itcss/7-themes/index';
+
+/*
+  Temporary (hopefully) hacks
+*/
+@import 'assets/itcss/8-trumps/index';

data/lib/shift_ui_kit.rb

@@ -0,0 +1,9 @@
+module Shift
+  module UI
+    module Kit
+      class Engine < ::Rails::Engine
+        config.assets.paths << File.expand_path("../../assets/itcss", __FILE__)
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,173 @@
+--- !ruby/object:Gem::Specification
+name: shift-ui-kit
+version: !ruby/object:Gem::Version
+  version: 0.0.40
+platform: ruby
+authors:
+- Ryan Townsend
+- Damon Kreft
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-01-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- ryan@ryantownsend.co.uk
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- assets/fonts/din_next_light.woff
+- assets/fonts/din_next_light.woff2
+- assets/fonts/din_next_light_italic.woff
+- assets/fonts/din_next_light_italic.woff2
+- assets/fonts/din_next_medium.woff
+- assets/fonts/din_next_medium.woff2
+- assets/fonts/din_next_regular.woff
+- assets/fonts/din_next_regular.woff2
+- assets/images/accept-icon.svg
+- assets/images/app-loading.svg
+- assets/images/checkbox--determinate-checked.svg
+- assets/images/checkbox--indeterminate-checked.svg
+- assets/images/dropdown-arrow.svg
+- assets/images/forgotten-password-icon.svg
+- assets/images/global-search-form-icon.svg
+- assets/images/icons/close.svg
+- assets/images/icons/plus.svg
+- assets/images/logo.svg
+- assets/images/section-heading-icons/access-keys.svg
+- assets/images/section-heading-icons/account-settings.svg
+- assets/images/section-heading-icons/action-accept.svg
+- assets/images/section-heading-icons/action-archive.svg
+- assets/images/section-heading-icons/action-cancel.svg
+- assets/images/section-heading-icons/action-create.svg
+- assets/images/section-heading-icons/action-delete.svg
+- assets/images/section-heading-icons/action-edit.svg
+- assets/images/section-heading-icons/action-merchandise.svg
+- assets/images/section-heading-icons/assets.svg
+- assets/images/section-heading-icons/attributes.svg
+- assets/images/section-heading-icons/carts.svg
+- assets/images/section-heading-icons/category-trees.svg
+- assets/images/section-heading-icons/customer-segments.svg
+- assets/images/section-heading-icons/customers.svg
+- assets/images/section-heading-icons/environment-configurations.svg
+- assets/images/section-heading-icons/environments.svg
+- assets/images/section-heading-icons/menus.svg
+- assets/images/section-heading-icons/payment-gateways.svg
+- assets/images/section-heading-icons/products.svg
+- assets/images/section-heading-icons/promotions.svg
+- assets/images/section-heading-icons/retail-stores.svg
+- assets/images/section-heading-icons/roles.svg
+- assets/images/section-heading-icons/search.svg
+- assets/images/section-heading-icons/shipping-methods.svg
+- assets/images/section-heading-icons/static-pages.svg
+- assets/images/section-heading-icons/tax-codes.svg
+- assets/images/section-heading-icons/taxonomies.svg
+- assets/images/section-heading-icons/template-definitions.svg
+- assets/images/section-heading-icons/user-profile.svg
+- assets/images/section-heading-icons/users.svg
+- assets/images/section-heading-icons/variants.svg
+- assets/itcss/1-settings/_breakpoints.scss
+- assets/itcss/1-settings/_colors.scss
+- assets/itcss/1-settings/_index.scss
+- assets/itcss/1-settings/_spacing.scss
+- assets/itcss/2-tools/_color.scss
+- assets/itcss/2-tools/_index.scss
+- assets/itcss/3-generic/_animations.scss
+- assets/itcss/3-generic/_clearfix.scss
+- assets/itcss/3-generic/_fonts.scss
+- assets/itcss/3-generic/_index.scss
+- assets/itcss/3-generic/_reset.scss
+- assets/itcss/4-elements/_index.scss
+- assets/itcss/5-objects/_index.scss
+- assets/itcss/5-objects/_o-breadcrumb.scss
+- assets/itcss/5-objects/_o-btn.scss
+- assets/itcss/5-objects/_o-flash-message.scss
+- assets/itcss/5-objects/_o-grid.scss
+- assets/itcss/5-objects/_o-password-strength-meter.scss
+- assets/itcss/6-components/_c-action-bar.scss
+- assets/itcss/6-components/_c-app-loading.scss
+- assets/itcss/6-components/_c-app.scss
+- assets/itcss/6-components/_c-btn-default.scss
+- assets/itcss/6-components/_c-checkbox.scss
+- assets/itcss/6-components/_c-data-table.scss
+- assets/itcss/6-components/_c-default-breadcrumb.scss
+- assets/itcss/6-components/_c-display-layers.scss
+- assets/itcss/6-components/_c-dropdown-group.scss
+- assets/itcss/6-components/_c-dropdown.scss
+- assets/itcss/6-components/_c-examples-nav.scss
+- assets/itcss/6-components/_c-flash-message.scss
+- assets/itcss/6-components/_c-form-field.scss
+- assets/itcss/6-components/_c-form-message.scss
+- assets/itcss/6-components/_c-loader.scss
+- assets/itcss/6-components/_c-main-view-wrapper.scss
+- assets/itcss/6-components/_c-main-view.scss
+- assets/itcss/6-components/_c-nav-bar.scss
+- assets/itcss/6-components/_c-pagination.scss
+- assets/itcss/6-components/_c-panel.scss
+- assets/itcss/6-components/_c-popup-inject-point.scss
+- assets/itcss/6-components/_c-popup.scss
+- assets/itcss/6-components/_c-section-heading.scss
+- assets/itcss/6-components/_c-select-all-cell.scss
+- assets/itcss/6-components/_c-select-row-cell.scss
+- assets/itcss/6-components/_c-tab-set.scss
+- assets/itcss/6-components/_c-title-bar.scss
+- assets/itcss/6-components/_index.scss
+- assets/itcss/7-themes/_index.scss
+- assets/itcss/8-trumps/_index.scss
+- assets/itcss/app.scss
+- lib/shift_ui_kit.rb
+homepage: https://github.com/flex-commerce/shift-ui-kit
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: The SCSS UI kit for Shift Commerce
+test_files: []
+has_rdoc: