moovui 0.0.1

data/modules/_resp.scss

@@ -0,0 +1,71 @@
+@mixin mobile {
+  @media #{$mobile-query} {
+    @content;
+  }
+}
+
+@mixin not-mobile {
+  @media #{$not-mobile-query} {
+    @content;
+  }
+}
+
+// meant for portrait mode
+@mixin tablet {
+  @media #{$tablet-query} {
+    @content;
+  }
+}
+
+@mixin not-tablet {
+  @media #{$not-tablet-query} {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media #{$desktop-query} {
+    @content;
+  }
+}
+
+@mixin not-desktop {
+  @media #{$not-desktop-query} {
+    @content;
+  }
+}
+
+@if $moovui-init {
+@include mobile {
+  .mobile-omit {
+    display: none;
+  }
+}
+@include not-mobile {
+  .mobile-only {
+    display: none;
+  }
+}
+
+@include tablet {
+  .tablet-omit {
+    display: none;
+  }
+}
+@include not-tablet {
+  .tablet-only {
+    display: none;
+  }
+}
+
+@include desktop {
+  .desktop-omit {
+    display: none;
+  }
+}
+@include not-desktop {
+  .desktop-only {
+    display: none;
+  }
+}
+}

data/modules/_select.scss

@@ -0,0 +1,94 @@
+@if $moovui-init {
+select {
+  @include appearance(none);
+  @include radius;
+  background: #fafafa;
+  border: 1px solid #ccc;
+  font: 14px/#{$line-height} $font;
+  padding: 5px 30px 5px 6px;
+  &:not(.autocomplete) + .chosen-container .chosen-search {
+    position: absolute;
+    left: -9999px;
+  }
+}
+
+.chosen-container {
+  font-size: 14px;
+  margin: 0 0 $sp2;
+  position: relative;
+  vertical-align: middle;
+}
+.chosen-container-active .chosen-single {
+  border-color: #aaa;
+}
+
+.chosen-single {
+  @include radius;
+  background: #fafafa;
+  border: 1px solid #ccc;
+  color: $text-color;
+  display: block;
+  font-weight: normal;
+  line-height: $line-height;
+  padding: 5px 6px;
+  position: relative;
+  div {
+    color: #888;
+    position: absolute;
+    top: 6px;
+    right: $sp;
+    &:before {
+      @include entypo-icon;
+      @extend .icon-chevron-down:before;
+    }
+  }
+}
+
+.chosen-drop {
+  @include box-shadow(rgba(#000, 0.2) 0 0 3px 1px);
+  @include radius;
+  background: #fff;
+  margin: 4px 0 0;
+  overflow: hidden;
+  position: absolute;
+  top: 100%;
+  left: -9999px;
+  white-space: nowrap;
+  width: 100%;
+  z-index: 100;
+}
+
+.chosen-with-drop .chosen-drop {
+  left: 0;
+}
+
+.chosen-search {
+  border-bottom: 1px solid #ddd;
+  input[type="text"] {
+    @include box-shadow(none !important);
+    border: 0;
+    margin: 0;
+    width: 100%;
+  }
+}
+
+.chosen-results {
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+  max-height: 140px;
+  li {
+    display: none;
+    padding: 2px 21px 2px 6px;
+    white-space: nowrap;
+  }
+  .active-result {
+    cursor: pointer;
+    display: list-item;
+  }
+  .highlighted {
+    background: #aaa;
+    color: #fff;
+  }
+}
+}

data/modules/_sidebar.scss

@@ -0,0 +1,117 @@
+@if $moovui-init {
+[data-section="vertical-tabs"] {
+  display: block;
+  position: relative;
+  > section {
+    padding-left: 20%;
+    &:not(.active) [data-section-content] {
+      overflow: hidden;
+      position: absolute;
+      visibility: hidden;
+      height: 0;
+    }
+  }
+  .active [data-section-title]:not(:hover) {
+    color: inherit;
+  }
+  [data-section-title] {
+    padding: 5px $sp3 5px $sp;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20%;
+    &:before {
+      @extend .icon-pencil:before;
+      @include entypo-icon;
+      color: $lightgray;
+      float: right;
+      margin-right: -20px;
+    }
+    &:hover {
+      @include radius;
+      background: $lightgray;
+      color: #fff;
+      &:before {
+        color: #fff;
+      }
+    }
+  }
+  [data-section-content] {
+    padding-left: $sp2;
+  }
+}
+}
+
+@mixin doc-sidebar {
+  @include radius;
+  color: #7c8899;
+  font-size: 12px;
+  overflow: hidden;
+  width: 20%;
+  [data-section-title], a {
+    margin: 0 0 1px;
+    padding: 5px $sp;
+  }
+  [data-section-title]:after {
+    @include entypo-icon;
+    @extend .icon-plus:before;
+    float: right;
+    font-size: 12px;
+    opacity: 0.5;
+    font-weight: normal;
+  }
+  .active > [data-section-title]:after {
+    @extend .icon-minus:before;
+  }
+  > section {
+    > [data-section-title] {
+      background: #bdc4cb;
+      font-weight: bold;
+    }
+    &.active > [data-section-title] {
+      background: #7c8899;
+      color: #fff;
+    }
+  }
+  > section > ul > li > a, ul [data-section-title] {
+    background: #eff0f0;
+    font-weight: bold;
+    padding: 5px $sp 5px 28px;
+    position: relative;
+    &:before {
+      content: "\2022";
+      font-size: 16px;
+      margin: -1px 0 0 0;
+      opacity: 0.1;
+      position: absolute;
+      left: 10px;
+    }
+  }
+  a {
+    background: #fff;
+    display: block;
+    padding-left: 38px;
+    position: relative;
+    &:before {
+      content: "\2022\2022";
+      font-size: 16px;
+      margin: -1px 0 0 0;
+      opacity: 0.1;
+      position: absolute;
+      left: 10px;
+    }
+    &.active:before {
+      opacity: 0.8;
+    }
+    &[target="_blank"]:after {
+      @include entypo-icon;
+      @extend .icon-popup:before;
+      float: right;
+      opacity: 0.5;
+    }
+  }
+}
+
+.#{$moovui-prefix}doc-sidebar {
+  @include doc-sidebar;
+}

data/modules/_syntax-highlighter.scss

@@ -0,0 +1,100 @@
+@if $moovui-init {
+.syntaxhighlighter-wrapper {
+  @include radius;
+  background: #555;
+  color: #f0f0f0;
+  font: 13px/20px $code-font;
+  margin: 5px 0 $sp2;
+  overflow: hidden;
+  position: relative;
+  white-space: pre;
+}
+.syntaxhighlighter {
+  background: none;
+  display: block;
+  margin: 0;
+  overflow: auto;
+  &:before {
+    color: #fff;
+    content: attr(data-lang);
+    font-family: $font;
+    font-size: 9px;
+    font-weight: bold;
+    letter-spacing: 1px;
+    position: absolute;
+    right: 3px;
+    top: 0;
+    text-transform: uppercase;
+  }
+  table {
+    background: none;
+    margin: 0;
+  }
+  td {
+    border: 0;
+  }
+  a {
+    color: inherit;
+    font: inherit;
+  }
+  .container {
+    @include border-radius(0 0 $radius 0);
+    padding: $sp;
+  }
+  .gutter {
+    background: #777;
+    color: #fff;
+    padding: $sp 6px;
+    position: absolute;
+    text-align: right;
+    width: 35px;
+  }
+  .code {
+    padding: 0;
+    width: 100%;
+  }
+  .gutter + .code {
+    padding-left: 35px;
+  }
+  .comments {
+    color: #999;
+    font-style: italic;
+  }
+  .string {
+    color: tint($green, 25%);
+  }
+  .keyword {
+    color: #ccc;
+  }
+  .variable {
+    color: tint($yellow, 25%);
+  }
+  .regex {
+    color: tint($orange, 25%);
+  }
+  .statements {
+    color: tint($red, 25%);
+  }
+  .symbol, .preprocessor {
+    color: tint($blue, 25%);
+  }
+  code {
+    background: none;
+    border: 0;
+    color: #eee;
+    margin: 0;
+    padding: 0;
+  }
+
+  [data-tooltip] {
+    @include radius;
+    background: tint($gray, 10%);
+    padding: 1px 2px;
+    color: #fff;
+  }
+}
+pre[data-lang] {
+  line-height: 20px;
+  padding-left: 46px;
+}
+}

data/modules/_table.scss

@@ -0,0 +1,63 @@
+@if $moovui-init {
+table {
+  @include radius;
+  background: $palegray;
+  width: 100%;
+  margin: 0 0 $sp;
+  border-collapse: separate;
+  border-spacing: 0;
+
+  &.no-borders {
+    margin: 0;
+    background: none;
+    th, td {
+      border: 0;
+      padding: 0;
+      @include border-radius(0);
+    }
+  }
+}
+
+td, th {
+  padding: 6px $sp;
+  border: 1px solid $lightgray;
+  border-top: 0;
+  &:not(:first-child) {
+    border-left: 0;
+  }
+  &:not(:last-child) {
+    border-right: 0;
+  }
+}
+
+th {
+  text-align: left;
+}
+
+thead {
+  color: rgba(#000, 0.5);
+  font-size: 11px;
+  font-weight: bold;
+  text-align: right;
+  text-transform: uppercase;
+  text-align: left;
+  white-space: nowrap;
+  th, td {
+    border-top: 1px solid $lightgray;
+  }
+  td:first-child, th:first-child {
+    @include border-radius($radius 0 0 0);
+  }
+  td:last-child, th:last-child {
+    @include border-radius(0 $radius 0 0);
+  }
+}
+tr:last-child {
+  td:first-child {
+    @include border-radius(0 0 0 $radius);
+  }
+  td:last-child {
+    @include border-radius(0 0 $radius 0);
+  }
+}
+}

data/modules/_tooltip.scss

@@ -0,0 +1,59 @@
+// copy :focus style
+.#{$moovui-prefix}btn[data-tooltip]:empty:active {
+  @include box-shadow(rgba(#000, 0.1) 0 1px);
+  background: tint($darkgray, 15%);
+  border-color: transparent;
+}
+
+@if $moovui-init {
+.tooltip {
+  @include radius;
+  background: rgba(#000, 0.7);
+  color: #fff;
+  display: none;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 6px $sp;
+  position: absolute;
+  left: 50%;
+  max-width: 85%;
+  width: 100%;
+  z-index: 999;
+  > .nub {
+    border: solid 5px;
+    border-color: transparent transparent #000 transparent;
+    display: block;
+    opacity: 0.7;
+    position: absolute;
+    top: -10px;
+    left: 5px;
+    width: 0;
+    height: 0;
+  }
+  &.tip-top > .nub {
+    border-color: #000 transparent transparent transparent;
+    top: auto;
+    bottom: -10px;
+  }
+  &.tip-left > .nub {
+    border-color: transparent transparent transparent #000;
+    margin-top: -5px;
+    top: 50%;
+    right: -10px;
+    left: auto;
+  }
+  &.tip-right > .nub {
+    border-color: transparent #000 transparent transparent;
+    margin-top: -5px;
+    top: 50%;
+    right: auto;
+    left: -10px;
+  }
+  a {
+    color: tint($link-color, 25%);
+  }
+  pre, code {
+    font-size: 12px;
+  }
+}
+}

data/moovui.gemspec

@@ -0,0 +1,21 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'moovui/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "moovui"
+  spec.version       = Moovui::VERSION
+  spec.authors       = ["Kevin Liou, Christopher Neale"]
+  spec.email         = ["chris.neale@mooveb.com"]
+  spec.summary       = %q{Front-end toolkit for Moovweb Applications}
+  spec.description   = %q{See http://moovweb.github.io/moovui for interactive examples of applying MoovUI styles and components}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "rake"
+end

data/moovui.scss

@@ -0,0 +1,43 @@
+$moovui-init: true !default;
+$moovui-prefix: "" !default;
+
+@import "bourbon/bourbon";
+@import "globals/normalize";
+
+@import "globals/vars";
+@import "globals/mixins";
+
+@import "globals/entypo";
+
+@import "globals/base";
+
+// Header & Footer
+@import "globals/header";
+@import "globals/footer";
+
+// Modules
+@import "modules/accordion";
+@import "modules/btn";
+@import "modules/btnbar";
+@import "modules/code";
+@import "modules/copy";
+@import "modules/docs";
+@import "modules/definition";
+@import "modules/dropdown";
+@import "modules/flex";
+@import "modules/grid";
+@import "modules/input";
+@import "modules/label";
+@import "modules/list";
+@import "modules/media";
+@import "modules/modal";
+@import "modules/notice";
+@import "modules/pane";
+@import "modules/resp";
+@import "modules/select";
+@import "modules/sidebar";
+@import "modules/syntax-highlighter";
+@import "modules/table";
+@import "modules/tooltip";
+
+$moovui-init: false;

data/shBrushBash.js

@@ -0,0 +1,59 @@
+;(function()
+{
+	// CommonJS
+	SyntaxHighlighter = SyntaxHighlighter || (typeof require !== 'undefined'? require('shCore').SyntaxHighlighter : null);
+
+	function Brush()
+	{
+		function hereDocProcess(match, regexInfo)
+		{
+			var constructor = SyntaxHighlighter.Match,
+				result = []
+				;
+			if (match.here_doc != null)
+				result.push(new constructor(match.here_doc, match.index + match[0].indexOf(match.here_doc), 'string'));
+
+			if (match.full_tag != null)
+				result.push(new constructor(match.full_tag, match.index, 'preprocessor'));
+
+			if (match.end_tag != null)
+				result.push(new constructor(match.end_tag, match.index + match[0].lastIndexOf(match.end_tag), 'preprocessor'));
+			return result;
+		}
+		var keywords =	'if fi then elif else for do done until while break continue case esac function return in eq ne ge le';
+		var commands =  'alias apropos awk basename base64 bash bc bg builtin bzip2 cal cat cd cfdisk chgrp chmod chown chroot' +
+						'cksum clear cmp comm command cp cron crontab crypt csplit cut date dc dd ddrescue declare df ' +
+						'diff diff3 dig dir dircolors dirname dirs du echo egrep eject enable env ethtool eval ' +
+						'exec exit expand export expr false fdformat fdisk fg fgrep file find fmt fold format ' +
+						'free fsck ftp gawk gcc gdb getconf getopts grep groups gzip hash head history hostname id ifconfig ' +
+						'import install join kill less let ln local locate logname logout look lpc lpr lprint ' +
+						'lprintd lprintq lprm ls lsof make man mkdir mkfifo mkisofs mknod more mount mtools ' +
+						'mv nasm nc ndisasm netstat nice nl nohup nslookup objdump od open op passwd paste pathchk ping popd pr printcap ' +
+						'printenv printf ps pushd pwd quota quotacheck quotactl ram rcp read readonly renice ' +
+						'remsync rm rmdir rsync screen scp sdiff sed select seq set sftp shift shopt shutdown ' +
+						'sleep sort source split ssh strace strings su sudo sum symlink sync tail tar tee test time ' +
+						'times touch top traceroute trap tr true tsort tty type ulimit umask umount unalias ' +
+						'uname unexpand uniq units unset unshar useradd usermod users uuencode uudecode v vdir ' +
+						'vi watch wc whereis which who whoami Wget xargs xxd yes'
+						;
+
+		this.regexList = [
+			{ regex: /^#!.*$/gm,											css: 'preprocessor bold' },
+			{ regex: /\/[\w-\/]+/gm,										css: 'plain' },
+			{ regex: SyntaxHighlighter.regexLib.singleLinePerlComments,		css: 'comments' },		// one line comments
+			{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,			css: 'string' },		// double quoted strings
+			{ regex: SyntaxHighlighter.regexLib.singleQuotedString,			css: 'string' },		// single quoted strings
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),			css: 'keyword' },		// keywords
+			{ regex: new RegExp(this.getKeywords(commands), 'gm'),			css: 'functions' },		// commands
+			{ regex: new XRegExp("(?<full_tag>(&lt;|<){2}(?<tag>\\w+)) .*$(?<here_doc>[\\s\\S]*)(?<end_tag>^\\k<tag>$)",'gm'),	func: hereDocProcess }
+			];
+	}
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['bash', 'shell', 'sh'];
+
+	SyntaxHighlighter.brushes.Bash = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();

data/shBrushJScript.js

@@ -0,0 +1,52 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/SyntaxHighlighter
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
+ *
+ * @version
+ * 3.0.83 (July 02 2010)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2010 Alex Gorbatchev.
+ *
+ * @license
+ * Dual licensed under the MIT and GPL licenses.
+ */
+;(function()
+{
+	// CommonJS
+	typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;
+
+	function Brush()
+	{
+		var keywords =	'break case catch continue ' +
+						'default delete do else false  ' +
+						'for function if in instanceof ' +
+						'new null return super switch ' +
+						'this throw true try typeof var while with'
+						;
+
+		var r = SyntaxHighlighter.regexLib;
+		
+		this.regexList = [
+			{ regex: r.multiLineDoubleQuotedString,					css: 'string' },			// double quoted strings
+			{ regex: r.multiLineSingleQuotedString,					css: 'string' },			// single quoted strings
+			{ regex: r.singleLineCComments,							css: 'comments' },			// one line comments
+			{ regex: r.multiLineCComments,							css: 'comments' },			// multiline comments
+			{ regex: /\s*#.*/gm,									css: 'preprocessor' },		// preprocessor tags like #region and #endregion
+			{ regex: new RegExp(this.getKeywords(keywords), 'gm'),	css: 'keyword' }			// keywords
+			];
+	
+		this.forHtmlScript(r.scriptScriptTags);
+	};
+
+	Brush.prototype	= new SyntaxHighlighter.Highlighter();
+	Brush.aliases	= ['js', 'jscript', 'javascript', 'json'];
+
+	SyntaxHighlighter.brushes.JScript = Brush;
+
+	// CommonJS
+	typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
+})();