concisecss 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f3ff922d862706d47acd779aaf1d34d3e6e10b57
+  data.tar.gz: a69c57db9c454cf03faf20bc1f083f7988936d9f
+SHA512:
+  metadata.gz: d1297912706365603397282b7f93c1c99e0dc03c03e6dc7ca06aca1d3921ee151671a07add33a1242c88ba8098c6ef3cb4edb6ab8511e2c992745aa88d7440fa
+  data.tar.gz: 1e8e426046137d066ddc49ed927aa7be2467ab70ffc3d4c9700e166e528f41ceb24be2c8dd68098900e0e32ceff2036660825b90bc24107f77153d9a1f40296d

data/.gitignore

@@ -0,0 +1,19 @@
+.idea/*
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in concisecss.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,26 @@
+The MIT License (MIT)
+[OSI Approved License]
+The MIT License (MIT)
+
+Copyright (c) 2014 (concisecss) Keenan Payne
+
+
+http://concisecss.com/credits.php
+
+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,44 @@
+# ConciseCss
+
+Concise is a lightweight front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve but high level of customization.
+
+## Installation Instructions
+
+Add this line to your application's Gemfile:
+
+    gem 'concisecss'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install concisecss
+
+## Documentation
+ Check out concisecss documentation here: http://concisecss.com/documentation
+
+## Usage
+
+Not every single project you are  working needs all the ConciseCss javascripts files , you will need to update application.js with the files you need
+   ```js
+    //= require concisecss/navigation
+    //= require concisecss/non-responsive
+    //= require concisecss/naver
+    //= require concisecss/dropdown
+    //= require concisecss/close
+   ```
+To add the css just require 
+ 
+   ```css
+    *= require concise 
+   ```
+
+## Contributing
+
+1. Fork it ( http://github.com/vezu/concisecss/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/gem_tasks"
+require File.expand_path('../lib/concisecss/concisecss_source', __FILE__)
+
+desc "Get latest files from concisecss"
+task "update concisecss" do
+  files = ConcisecssSource.new
+  files.fetch
+end

data/app/assets/javascripts/concisecss/close.js

@@ -0,0 +1,6 @@
+jQuery(document).ready(function() {		
+	$(document).on('click', '.close', function () {
+        // Get .close parent div, fade out
+        $(this).parents('.close-this').fadeOut('slow');
+    });	
+});

data/app/assets/javascripts/concisecss/dropdown.js

@@ -0,0 +1,33 @@
+(function($){
+	/**
+	 * Powers the universal dropdown selector.
+	 *
+	 * @class DropDown
+	 * @param {Object} el jQuery object
+	 */
+	function DropDown(el) {
+		this.dd = el;
+		this.initEvents();
+	}
+	
+	DropDown.prototype = {
+		initEvents : function() {			
+			// Toggle .dropdown-active on click
+			this.dd.on('click', function(event){
+				$(this).toggleClass('dropdown-active');
+				event.stopPropagation();
+			});
+		}
+	}
+    
+    $(function(){
+		var dropdown = $('.dropdown');
+		
+		new DropDown(dropdown);
+		
+		$(document).click(function() {
+			// Remove class from all dropdowns
+			dropdown.removeClass('dropdown-active');
+		});
+	});
+}(jQuery));

data/app/assets/javascripts/concisecss/naver.js

@@ -0,0 +1,358 @@
+/* 
+ * Naver v3.0.8 - 2014-05-06 
+ * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
+ * http://formstone.it/naver/ 
+ * 
+ * Copyright 2014 Ben Plum; MIT Licensed 
+ */ 
+
+;(function ($, window) {
+	"use strict";
+
+	/**
+	 * @options
+	 * @param customClass [string] <''> "Class applied to instance"
+	 * @param label [boolean] <true> "Display handle width label"
+	 * @param labels.closed [string] <'Navigation'> "Closed state text"
+	 * @param labels.open [string] <'Close'> "Open state text"
+	 * @param maxWidth [string] <'980px'> "Width at which to auto-disable plugin"
+	 */
+	var options = {
+		customClass: "",
+		label: true,
+		labels: {
+			closed: "Navigation",
+			open: "Close"
+		},
+		maxWidth: "980px"
+	};
+
+	/**
+	 * @events
+	 * @event open.naver "Navigation opened"
+	 * @event close.naver "Navigation closed"
+	 */
+
+	var pub = {
+
+		/**
+		 * @method
+		 * @name close
+		 * @description Closes instance
+		 * @example $(".target").naver("close");
+		 */
+		close: function(e) {
+			return $(this).each(function(i, nav) {
+				var data = $(nav).data("naver");
+
+				if (data && data.$nav.hasClass("enabled")) {
+					data.$wrapper.css({
+						height: 0
+					});
+					if (data.label) {
+						data.$handle.html(data.labels.closed);
+					}
+					data.$nav.removeClass("open")
+							 .trigger("close.naver");
+				}
+			});
+		},
+
+		/**
+		 * @method
+		 * @name defaults
+		 * @description Sets default plugin options
+		 * @param opts [object] <{}> "Options object"
+		 * @example $.naver("defaults", opts);
+		 */
+		defaults: function(opts) {
+			options = $.extend(true, options, opts || {});
+			return $(this);
+		},
+
+		/**
+		 * @method
+		 * @name disable
+		 * @description Disables instance
+		 * @example $(".target").naver("disable");
+		 */
+		disable: function() {
+			return $(this).each(function(i, nav) {
+				var data = $(nav).data("naver");
+
+				if (data) {
+					data.$nav.removeClass("enabled");
+					data.$wrapper.css({ height: "" });
+				}
+			});
+		},
+
+		/**
+		 * @method
+		 * @name destroy
+		 * @description Destroys instance
+		 * @example $(".target").naver("destroy");
+		 */
+		destroy: function() {
+			return $(this).each(function(i, nav) {
+				var data = $(nav).data("naver");
+
+				if (data) {
+					data.$handle.remove();
+					data.$container.contents()
+								   .unwrap()
+								   .unwrap();
+
+					data.$nav.removeClass("enabled disabled naver " + data.customClass)
+							 .off(".naver")
+							 .removeData("naver");
+				}
+			});
+		},
+
+		/**
+		 * @method
+		 * @name enable
+		 * @description Enables instance
+		 * @example $(".target").naver("enable");
+		 */
+		enable: function() {
+			return $(this).each(function(i, nav) {
+				var data = $(nav).data("naver");
+
+				if (data) {
+					data.$nav.addClass("enabled");
+					pub.close.apply(data.$nav);
+				}
+			});
+		},
+
+		/**
+		 * @method
+		 * @name open
+		 * @description Opens instance
+		 * @example $(".target").naver("open");
+		 */
+		open: function() {
+			return $(this).each(function(i, nav) {
+				var data = $(nav).data("naver");
+
+				if (data && data.$nav.hasClass("enabled")) {
+					data.$wrapper.css({
+						height: data.$container.outerHeight(true)
+					});
+					if (data.label) {
+						data.$handle.html(data.labels.open);
+					}
+					data.$nav.addClass("open")
+							 .trigger("open.naver");
+				}
+			});
+		}
+	};
+
+	/**
+	 * @method private
+	 * @name _init
+	 * @description Initializes plugin
+	 * @param opts [object] "Initialization options"
+	 */
+	function _init(opts) {
+		// Settings
+		opts = $.extend(true, {}, options, opts);
+
+		// Apply to each element
+		var $items = $(this);
+		for (var i = 0, count = $items.length; i < count; i++) {
+			_build($items.eq(i), opts);
+		}
+		return $items;
+	}
+
+	/**
+	 * @method private
+	 * @name _build
+	 * @description Builds each instance
+	 * @param $nav [jQuery object] "Target jQuery object"
+	 * @param opts [object] <{}> "Options object"
+	 */
+	function _build($nav, opts) {
+		if (!$nav.data("naver")) {
+			// Extend Options
+			opts = $.extend(true, {}, opts, $nav.data("naver-options"));
+
+			var $handle = $nav.find(".naver-handle").length ? $nav.find(".naver-handle").detach() : $('<span class="naver-handle"></span>');
+
+			$nav.addClass("naver " + opts.customClass)
+				.wrapInner('<div class="naver-container"></div>')
+				.wrapInner('<div class="naver-wrapper"></div>')
+				.prepend($handle);
+
+			var data = $.extend(true, {
+				$nav: $nav,
+				$container: $nav.find(".naver-container"),
+				$wrapper: $nav.find(".naver-wrapper"),
+				$handle: $nav.find(".naver-handle")
+			}, opts);
+
+			data.$handle.text((opts.label) ? opts.labels.closed : '');
+			data.$nav.on("touchstart.naver", ".naver-handle", data, _onTouchStart)
+					 .on("click.naver", ".naver-handle", data, _onClick)
+					 .data("naver", data);
+
+
+			// Navtive MQ Support
+			if (window.matchMedia !== undefined) {
+				data.mediaQuery = window.matchMedia("(max-width:" + (data.maxWidth === Infinity ? "100000px" : data.maxWidth) + ")");
+				// Make sure we stay in context
+				data.mediaQuery.addListener(function() {
+					_onRespond.apply(data.$nav);
+				});
+				_onRespond.apply(data.$nav);
+			}
+		}
+	}
+
+	/**
+	 * @method private
+	 * @name _onTouchStart
+	 * @description Handles touchstart to selected item
+	 * @param e [object] "Event data"
+	 */
+	function _onTouchStart(e) {
+		e.stopPropagation();
+
+		var data = e.data,
+			oe = e.originalEvent;
+
+		_clearTimer(data.timer);
+
+		data.touchStartX = oe.touches[0].clientX;
+		data.touchStartY = oe.touches[0].clientY;
+
+		data.$nav.on("touchmove.naver", ".naver-handle", data, _onTouchMove)
+				 .on("touchend.naver", ".naver-handle", data, _onTouchEnd);
+	}
+
+	/**
+	 * @method private
+	 * @name _onTouchMove
+	 * @description Handles touchmove to selected item
+	 * @param e [object] "Event data"
+	 */
+	function _onTouchMove(e) {
+		var data = e.data,
+			oe = e.originalEvent;
+
+		if (Math.abs(oe.touches[0].clientX - data.touchStartX) > 10 || Math.abs(oe.touches[0].clientY - data.touchStartY) > 10) {
+			data.$nav.off("touchmove.naver touchend.naver");
+		}
+	}
+
+	/**
+	 * @method private
+	 * @name _onTouchEnd
+	 * @description Handles touchend to selected item
+	 * @param e [object] "Event data"
+	 */
+	function _onTouchEnd(e) {
+		e.preventDefault();
+		e.stopPropagation();
+
+		var data = e.data;
+
+		data.$nav.off("touchmove.naver touchend.naver click.naver");
+
+		// prevent ghosty clicks
+		data.timer = _startTimer(data.timer, 1000, function() {
+			data.$nav.on("click.naver", ".naver-handle", data, _onClick);
+		});
+
+		_onClick(e);
+	}
+
+	/**
+	 * @method private
+	 * @name _onClick
+	 * @description Handles click nav click
+	 * @param e [object] "Event data"
+	 */
+	function _onClick(e) {
+		e.preventDefault();
+		e.stopPropagation();
+
+		var $target = $(e.currentTarget),
+			data = e.data;
+
+		// Close other open instances
+		$(".naver").not(data.$nav)
+				   .naver("close");
+
+		if (data.$nav.hasClass("open")) {
+			pub.close.apply(data.$nav);
+		} else {
+			pub.open.apply(data.$nav);
+		}
+	}
+
+	/**
+	 * @method private
+	 * @name _onRespond
+	 * @description Handles media query match change
+	 */
+	function _onRespond() {
+		var data = $(this).data("naver");
+
+		if (data.mediaQuery.matches) {
+			pub.enable.apply(data.$nav);
+		} else {
+			pub.disable.apply(data.$nav);
+		}
+	}
+
+	/**
+	 * @method private
+	 * @name _startTimer
+	 * @description Starts an internal timer
+	 * @param timer [int] "Timer ID"
+	 * @param time [int] "Time until execution"
+	 * @param callback [int] "Function to execute"
+	 * @param interval [boolean] "Flag for recurring interval"
+	 */
+	function _startTimer(timer, time, func, interval) {
+		_clearTimer(timer, interval);
+		if (interval === true) {
+			return setInterval(func, time);
+		} else {
+			return setTimeout(func, time);
+		}
+	}
+
+	/**
+	 * @method private
+	 * @name _clearTimer
+	 * @description Clears an internal timer
+	 * @param timer [int] "Timer ID"
+	 */
+	function _clearTimer(timer) {
+		if (timer !== null) {
+			clearInterval(timer);
+			timer = null;
+		}
+	}
+
+	$.fn.naver = function(method) {
+		if (pub[method]) {
+			return pub[method].apply(this, Array.prototype.slice.call(arguments, 1));
+		} else if (typeof method === 'object' || !method) {
+			return _init.apply(this, arguments);
+		}
+		return this;
+	};
+
+	$.naver = function(method) {
+		if (method === "defaults") {
+			pub.defaults.apply(this, Array.prototype.slice.call(arguments, 1));
+		}
+	};
+})(jQuery, window);

data/app/assets/javascripts/concisecss/navigation.js

@@ -0,0 +1,23 @@
+(function($){	
+	/**
+	 * Determine if responsive navigation text needs to be added.
+	 *
+	 * @method responsiveNav
+	 * @return {Object} naver A naver plugin instantiation
+	 */
+	$.fn.responsiveNav = function() { 
+        // Loop through each instance of responsive navigation
+        this.each(function(index) {
+            var labelState = $(this).hasClass( "nav-responsive-text" );
+			
+			return $(this).naver({
+                maxWidth: "768px",
+                label: labelState
+            });
+        });
+    };
+}(jQuery));
+
+jQuery(document).ready(function() {	
+    jQuery(".nav-responsive, .nav-responsive-left, .nav-responsive-center").responsiveNav();
+});

data/app/assets/javascripts/concisecss/non-responsive.js

@@ -0,0 +1,51 @@
+(function($){		
+	/**
+	 * Calculate object width
+	 *
+	 */
+	$.fn.calculateWidth = function() { 
+		return $(this).width();
+    };
+
+	/**
+	 * Calculates proper widths for non-responsive websites.
+	 *
+	 * @method nonResponsive
+	 * @note Only necessary for non-responsive websites.
+	 */
+	$.fn.nonResponsive = function() { 
+      
+        // Loop through each instance of the `.non-responsive` class
+        this.each(function(index) {
+            if ($(this).hasClass("non-responsive")) {
+            
+                // Get container width
+                var containerWidth = $(".container").width(),
+					i = 1,
+					max = 24;
+                
+                // Set pixel-based alternatives for grid styles
+                // But first we need to know if our row has class `gutters`
+                if($(this).hasClass("gutters")) {
+					for (; i <= max; i++ ) {            
+                        // Column width for row with gutters
+                        var columnWidth = ($('.column-'+i).calculateWidth()),
+							gutterWidth = columnWidth * 0.02;
+
+                        $('.gutters .column-'+i).css("width", columnWidth - gutterWidth + "px");
+                    }
+                } else {
+					for (; i <= max ; i++ ) {
+                        // Column width for normal row
+                        var columnWidth = ($('.column-'+i).calculateWidth() - 1);
+                        $('.column-'+i).css("width", columnWidth + "px");
+                    }
+                }
+            }
+        });
+    };
+}(jQuery));
+
+jQuery(document).ready(function() {	
+    jQuery("body, .row").nonResponsive();
+});

data/app/assets/javascripts/concisecss.js

@@ -0,0 +1 @@
+//= require concisecss