wirecss_rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a8265a3b7e90226164957a6e2b94c112ec0a8b14
+  data.tar.gz: 888ed7894386e152d7fcea0b9bfbd016574a4a18
+SHA512:
+  metadata.gz: 52dbc547e493d2f5a6260a64e1909ab08467c237a34056e59ec6f207a23fcd622461de7b55e7cd35fcbcb0eb4a293ee924cc2caf3df4113b52fdacd512de7f2e
+  data.tar.gz: 3bf9864caa1ccd172c5b819554481dce94cf4e2e817437a7da211e6afa8945c31c9e7ff94cd19aec7f056e1f96a72e6a0d45366ad7b64e4205766c2cddc159d1

data/.gitignore

@@ -0,0 +1,12 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+
+# rspec failure tracking
+.rspec_status
+.DS_Store

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--color
+--require spec_helper

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.3.7
+before_install: gem install bundler -v 1.16.1

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in wirecss_rails.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,35 @@
+PATH
+  remote: .
+  specs:
+    wirecss_rails (1.0.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    diff-lcs (1.3)
+    rake (10.5.0)
+    rspec (3.7.0)
+      rspec-core (~> 3.7.0)
+      rspec-expectations (~> 3.7.0)
+      rspec-mocks (~> 3.7.0)
+    rspec-core (3.7.1)
+      rspec-support (~> 3.7.0)
+    rspec-expectations (3.7.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.7.0)
+    rspec-mocks (3.7.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.7.0)
+    rspec-support (3.7.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.16)
+  rake (~> 10.0)
+  rspec (~> 3.0)
+  wirecss_rails!
+
+BUNDLED WITH
+   1.16.1

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Paul Ingham
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,59 @@
+# Wire CSS
+
+[WireCSS](https://www.wirecss.com) is a simple and responsive flexbox based Sass framework. This gem packages WireCSS's assets for drop-in use in Rails applications.
+
+Currently packaged is WireCSS 1.2.5.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'wirecss_rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install wirecss_rails
+
+## Usage
+
+Once installed, add the following to your `application.scss`:
+
+```scss
+@import "wire";
+```
+
+Alternatively, import components as needed:
+
+```scss
+// Core variables and mixins
+@import "wire/_config.scss";
+// Reset (Normalize)
+@import "wire/base/_normalize.scss";
+// Mixins
+@import "wire/base/_mixins.scss";
+// Helpers
+@import "wire/base/_helpers.scss";
+// Global
+@import "wire/base/_global.scss";
+// Components
+@import "wire/components/_buttons.scss";
+@import "wire/components/_grid.scss";
+@import "wire/components/_typography.scss";
+@import "wire/components/_forms.scss";
+@import "wire/components/_list.scss";
+@import "wire/components/_tables.scss";
+@import "wire/components/_images.scss";
+
+// Debug
+@import "wire/tools/_debug.scss";
+```
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "wirecss_rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/wirecss_rails.rb

@@ -0,0 +1,5 @@
+require "wirecss_rails/version"
+require "wirecss_rails/engine" if (defined?(Rails) && defined?(Rails::Engine))
+
+module WirecssRails
+end

data/lib/wirecss_rails/engine.rb

@@ -0,0 +1,4 @@
+module WirecssRails
+  class Engine < Rails::Engine
+  end
+end

data/lib/wirecss_rails/version.rb

@@ -0,0 +1,3 @@
+module WirecssRails
+  VERSION = "1.0.0"
+end

data/vendor/assets/javascripts/wire.js

@@ -0,0 +1,112 @@
+var wire;
+
+// Variables
+var _breakpoints = {
+  huge: window.matchMedia('screen and (min-width: 75em)'),
+  large: window.matchMedia('screen and (min-width: 64em)'),
+  medium: window.matchMedia('screen and (min-width: 45em) and (max-width: 63.93em)'),
+  small: window.matchMedia('screen and (max-width: 44.95em)')
+};
+
+var device;
+wire = wire || {};
+
+
+// Order Module
+wire.order = (function() {
+  var match = function() {
+    for (device in _breakpoints) {
+      if (_breakpoints[device].matches) {
+        if (device === 'large') {
+          wire.order.reorder();
+        } else {
+          wire.order.reorder(device);
+        }
+      }
+    }
+  };
+
+  var reorder = function(device) {
+    var orderItems = ['[data-order]'];
+    var styledItems = document.querySelectorAll('[style*="order"]');
+    var _bp;
+    if (device) {
+      for (_bp in _breakpoints) {
+        if ({}.hasOwnProperty.call(_breakpoints, _bp)) {
+          orderItems.push('[data-order-' + _bp + ']');
+        }
+      }
+      Array.prototype.forEach.call(document.querySelectorAll(orderItems), function(e) {
+        if (e.getAttribute('data-order-' + device)) {
+          e.style.order = e.getAttribute('data-order-' + device);
+        } else {
+          if (e.getAttribute('data-order')) {
+            e.style.order = e.getAttribute('data-order');
+          } else {
+            e.style.removeProperty('order');
+          }
+        }
+      });
+    } else {
+      Array.prototype.forEach.call(styledItems, function(e) {
+        e.style.removeProperty('order');
+      });
+      Array.prototype.forEach.call(document.querySelectorAll('[data-order]'), function(e) {
+        e.style.order = e.getAttribute('data-order');
+      });
+    }
+  };
+
+  return {
+    match: match,
+    reorder: reorder
+  };
+}());
+
+// Responsive Tables Module
+wire.responsiveTable = (function() {
+  var elements = function() {
+    return document.querySelectorAll('[data-table~="responsive"]');
+  };
+
+  var addData = function() {
+    Array.prototype.forEach.call(elements(), function(e) {
+      var thElements = e.getElementsByTagName('th');
+      var thText = [];
+      var tbodyElements = e.getElementsByTagName('tbody');
+      var i = 0;
+      Array.prototype.forEach.call(thElements, function(th) {
+        thText.push(th.textContent);
+      });
+
+      Array.prototype.forEach.call(tbodyElements, function(tbody) {
+        var trElements = tbody.getElementsByTagName('tr');
+        Array.prototype.forEach.call(trElements, function(tr) {
+          var tdElements = tr.getElementsByTagName('td');
+          var tdCount = tdElements.length;
+          for (i; i < tdCount; ++i) {
+            tdElements[i].setAttribute('data-th', thText[i]);
+          }
+        });
+      });
+    });
+  };
+
+  return {
+    elements: elements,
+    addData: addData
+  };
+}());
+
+if (window.matchMedia) {
+  for (device in _breakpoints) {
+    if ({}.hasOwnProperty.call(_breakpoints, device)) {
+      _breakpoints[device].addListener(wire.order.match);
+      if (_breakpoints[device].matches) {
+        wire.order.reorder(device);
+      }
+    }
+  }
+}
+
+if (wire.responsiveTable.elements().length) wire.responsiveTable.addData();

data/vendor/assets/stylesheets/_config.scss

@@ -0,0 +1,80 @@
+// ----------------------
+//
+// SETTINGS
+//
+// ----------------------
+// ----------------------
+// Namespace
+//
+// To avoid conflicts, Wire used custom namespace,
+// Set 'wire-' to avoid conflicts with others frameworks. '' by default.
+// ----------------------
+$wire-namespace: '' !default;
+
+// ----------------------
+// Markup Mode
+//
+// Compile Wire.css with markup, if you only need extend
+// the styles in Sass, set this in 'false'.
+// Set 'true' or 'false'. True by default.
+// ----------------------
+$wire-markup: true !default;
+
+// ----------------------
+// Debug Mode
+//
+// Highlight markup errors.
+// Set 'true' or 'false'. False by default.
+// ----------------------
+$wire-debug: false !default;
+
+
+
+// ----------------------
+//
+// VARIABLES
+//
+// ----------------------
+// ----------------------
+// Defaults Sizes (Base 10 to simplify)
+// ----------------------
+$wire-font-size-base: 16 !default;
+$wire-line-height-base: 1.45 !default;
+$wire-border-radius: 3px !default;
+
+// ----------------------
+// Colors
+// ----------------------
+// ----------------------
+// Brand Colors
+// ----------------------
+$wire-color-primary: #48a8ce !default;
+$wire-color-secundary: #7c7c7c !default;
+$wire-color-alt: #e0e0e0 !default;
+$wire-link-color: $wire-color-primary !default;
+$wire-link-color-hover: darken($wire-color-primary, 30%) !default;
+$wire-button-bg: $wire-color-primary !default;
+$wire-button-color: #ffffff !default;
+$wire-button-alt-bg: $wire-color-alt !default;
+$wire-button-alt-color: $wire-color-secundary !default;
+$wire-form-input-border: #e0e0e0 !default;
+$wire-form-input-bg: #ffffff !default;
+$wire-table-tr-even-bg: #e5e5e5 !default;
+$wire-table-border-color: #d2d2d2 !default;
+
+// ----------------------
+// Grid
+// ----------------------
+$wire-max-columns: 12 !default;
+$wire-base-gutter: 2% !default;
+
+// ----------------------
+// Breakpoints
+// ----------------------
+$wire-breakpoints: (
+  "small": "screen and (max-width: 719px)",
+  "retina": "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx)",
+  "medium": "screen and (min-width: 720px) and (max-width: 1023px)",
+  "large": "screen and (min-width: 1024px)",
+  "huge": "screen and (min-width: 1200px)"
+) !default;

data/vendor/assets/stylesheets/base/_global.scss

@@ -0,0 +1,22 @@
+// ----------------------
+//
+// Base
+//
+// ----------------------
+html {
+	box-sizing: border-box;
+	font-size: 62.5%;
+	height: 100%;
+}
+
+body {
+	font-size: rem(16);
+	height: 100%;
+	line-height: $wire-line-height-base;
+}
+
+*,
+*:before,
+*:after {
+	box-sizing: inherit;
+}

data/vendor/assets/stylesheets/base/_helpers.scss

@@ -0,0 +1,109 @@
+// ----------------------
+//
+// HELPERS
+//
+// ----------------------
+// ----------------------
+// REM Calculation
+// rem(value, size)
+// Size attribute is optional
+// ----------------------
+@function rem($value)  {
+  $value: ($value / 10) * 1rem;
+  @if ($value == 0rem) { $value: 0; } // Turn 0rem into 0
+  @return $value;
+}
+
+// ----------------------
+// EMs Calculation
+// em(value, size)
+// Size attribute is optional
+// ----------------------
+@function em($value, $context: $wire-font-size-base) {
+  @return #{$value / $context}em;
+}
+
+// ----------------------
+// Clearfix
+// ----------------------
+@mixin clearfix() {
+  &:after,
+  &:before{
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+@if $wire-markup == true{
+  .#{$wire-namespace}clearfix {
+    @include clearfix();
+  }
+}
+
+// ----------------------
+// Text Align
+// ----------------------
+$align-positions: left, center, right;
+@each $align-position in $align-positions{
+  @if $wire-markup == true {
+    .#{$wire-namespace}align-#{$align-position} {
+      text-align: $align-position;
+    }
+  }
+}
+
+// ----------------------
+// Hidden
+// ----------------------
+%hidden {
+  display: none !important;
+  visibility: hidden;
+}
+
+@if $wire-markup == true{
+  .hidden {
+    @extend %hidden;
+  }
+}
+
+// ----------------------
+// Invisible
+// ----------------------
+%invisible {
+  visibility : hidden;
+}
+
+@if $wire-markup == true{
+  .invisible {
+    @extend %invisible;
+  }
+}
+
+// ----------------------
+// Show Elements on Device
+// ----------------------
+@each $breakpoint, $value in $wire-breakpoints {
+  @include mq($breakpoint) {
+    @if $wire-markup == true {
+      .#{$wire-namespace}visible-#{$breakpoint} {
+        display: block !important;
+      }
+    }
+  }
+}
+
+// ----------------------
+// Hide Elements on Device
+// ----------------------
+@each $breakpoint, $value in $wire-breakpoints {
+  @include mq($breakpoint) {
+    @if $wire-markup == true {
+      .#{$wire-namespace}hidden-#{$breakpoint} {
+        display: none !important;
+      }
+    }
+  }
+}