kickstart_rails 0.1.1410202688028 → 0.2.410370028585

data/app/assets/javascripts/kickstart_rails/tests.js

@@ -0,0 +1,10 @@
+(function() {
+  var App, testDef, testModal;
+
+  App = require('./app');
+
+  testDef = require('../tests/default');
+
+  testModal = require('../tests/modal');
+
+}).call(this);

data/app/assets/javascripts/kickstart_rails/throttler_edge.js

@@ -0,0 +1,2 @@
+
+(function($,Edge,compId){var _=null,y=true,n=false,qw='swing',x2='4.0.1.365',c='color',x1='4.0.1',po='center',x16='rgba(253,215,38,1.00)',a='Base State',x='text',x12='hidden',dt='Default Timeline',e13='${_TextCopy}',i='none',x3='rgba(192,192,192,1)',lf='left',x15='rgba(216,205,180,1.00)',e17='${_EllipseCopy}',e14='${_Ellipse}',l='normal',s='style',h='height',x6='Courier, Courier New, monospace',e11='${_Stage}',bg='background-color',x10='rgba(255,255,255,1)',w='width',tp='top',x5='24',e9='${_Text}',ov='overflow',xc='rgba(0,0,0,1)',ff='font-family',x8='stage',ta='text-align';var im='images/';var s7="Output",s4="Input";var fonts={};var P=Edge.P,T=Edge.T,A=Edge.A;var opts={'gAudioPreloadPreference':'auto','gVideoPreloadPreference':'auto'};var resources=[];var symbols={"stage":{v:x1,mv:x1,b:x2,bS:a,stf:w,cg:i,iS:a,gpu:n,rI:n,cn:{dom:[{id:'Ellipse',t:'ellipse',r:['39px','61px','128px','128px','auto','auto'],br:["50%","50%","50%","50%"],f:[x3],s:[0,xc,i]},{id:'EllipseCopy',t:'ellipse',r:['432px','61px','128px','128px','auto','auto'],br:["50%","50%","50%","50%"],f:[x3],s:[0,xc,i]},{id:'Text',t:x,r:['1px','154px','139px','20px','auto','auto'],text:s4,align:"center",n:[x6,[x5,],xc,l,i,""]},{id:'TextCopy',t:x,r:['398px','154px','139px','20px','auto','auto'],text:s7,align:"center",n:[x6,x5,xc,l,i,""]}],sI:[]},s:{},tl:{"Default Timeline":{fS:a,tS:"",d:2000,a:y,tt:[]}}}};var S1=symbols[x8];var tl0=S1.tl[dt].tt,st1=S1.s[a]={},A1=A(_,tl0,st1);A1.A(e9).P(tp,154).P(ff,x6).P(lf,1).P(ta,po);A1.A(e11).P(bg,x10,c).P(w,540).P(h,190).P(ov,x12);A1.A(e13).P(tp,154).P(ff,x6).P(lf,398).P(ta,po);A1.A(e14).P(tp,11).T(2,11).P(lf,10).T(2,10).P(bg,x15,c).T(0,x16,0.25,qw).T(0.25,x15,0.25).T(0.5,x16,0.25).T(0.75,x15,0.25).T(1,x16,0.25).T(1.25,x15,0.25).T(1.5,x16,0.25).T(1.75,x15,0.25);A1.A(e17).P(bg,x15,c).T(0,x15).T(1.5,x16,0.25,qw).T(1.75,x15,0.25).P(lf,403).T(2,403).P(tp,11).T(2,11);Edge.registerCompositionDefn(compId,symbols,fonts,resources,opts);$(window).ready(function(){Edge.launchComposition(compId);});})(jQuery,AdobeEdge,"EDGE-112562383");

data/app/assets/javascripts/kickstart_rails/throttler_edgeActions.js

@@ -0,0 +1,8 @@
+
+(function($,Edge,compId){var Composition=Edge.Composition,Symbol=Edge.Symbol;
+//Edge symbol: 'stage'
+(function(symbolName){Symbol.bindTriggerAction(compId,symbolName,"Default Timeline",2000,function(sym,e){this.play(0);});
+//Edge binding end
+})("stage");
+//Edge symbol end:'stage'
+})(jQuery,AdobeEdge,"EDGE-112562383");

data/app/assets/javascripts/kickstart_rails/throttler_edgePreload.js

@@ -0,0 +1,18 @@
+
+window.AdobeEdge=window.AdobeEdge||{};if(!AdobeEdge.yepnope){(function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}})(this,document);AdobeEdge.yepnope=window.yepnope;}
+(function(compId){var htFallbacks;var testEle=document.createElement("div");function isSupported(a){for(var d=testEle.style,b,g=0;g<a.length;g++)if(b=a[g],void 0!==d[b])return!0;return!1}function supportsRGBA(){testEle.cssText="background-color:rgba(150,255,150,.5)";return 0==(""+testEle.style.backgroundColor).indexOf("rgba")?!0:!1}
+var hasTransform=isSupported(["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"]),hasSVG=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,hasRGBA=supportsRGBA(),hasJSON=window.JSON&&window.JSON.parse&&window.JSON.stringify,readyToPlay=!1;function safeColor(a){a=""+a;if(!hasRGBA&&0==a.indexOf("rgba")){var d=a.lastIndexOf(",");0<d&&(a="rgb("+a.substring(5,d)+")")}return a}
+AdobeEdge._preloaders=AdobeEdge._preloaders||[];AdobeEdge._preloaders.push(function(){filesToLoad&&(loadResources(filesToLoad),filesToLoad=void 0)});function doLoadResources(){for(var a=0;a<AdobeEdge._preloaders.length;a++)AdobeEdge._preloaders[a]()}AdobeEdge._readyplayers=AdobeEdge._readyplayers||[];AdobeEdge._readyplayers.push(function(){readyToPlay&&AdobeEdge.okToLaunchComposition(compId)});function playWhenReady(){AdobeEdge._playWhenReady=!0;for(var a=0;a<AdobeEdge._readyplayers.length;a++)AdobeEdge._readyplayers[a]()}function edgeCallback(a,d,b){htFallbacks[a]&&(a=htFallbacks[a]);AdobeEdge.preload.got[a]=!0;a==AdobeEdge.preload.last&&(!AdobeEdge.bootstrapLoading||AdobeEdge._playWhenReady?AdobeEdge.okToLaunchComposition(compId):readyToPlay=!0,AdobeEdge.preload.busy=!1,0<AdobeEdge.preload.q.length&&(a=AdobeEdge.preload.q.pop(),AdobeEdge.requestResources(a.files,a.callback)))}
+AdobeEdge.requestResources=AdobeEdge.requestResources||function(a,d){AdobeEdge.yepnope.errorTimeout=4E3;AdobeEdge.preload.busy=!0;AdobeEdge.preload.got=AdobeEdge.preload.got||{};var b,g=a.length,f=[],c;for(b=0;b<g;b++){c=a[b];if("string"===typeof c)0===c.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c="http:"+c),url=c,c={load:url};else if(c.load&&0===c.load.indexOf("//")&&0===window.location.href.indexOf("file://")&&(c.load="http:"+c.load),url=c.yep||c.load,c.callback){var h=c.callback;c.callback=function(a,b,c){h(a,b,c)&&d(a,b,c)}}c.callback||(c.callback=d);AdobeEdge.preload.got[url]||(f.push(c),AdobeEdge.preload.last=url)}f.length&&AdobeEdge.yepnope(f)};var filesToLoad,dlContent,preContent,doDelayLoad,signaledLoading,loadingEvt,requiresSVG,htLookup={},aLoader,aEffectors,plSTF,ctrPlS,minPlW,maxPlW,plHeight,plWidth;function loadResources(a,d){AdobeEdge.preload=AdobeEdge.preload||[];AdobeEdge.preload.q=AdobeEdge.preload.q||[];d||!isCapable()?filesToLoad=a:AdobeEdge.preload.busy?AdobeEdge.preload.q.push({files:a,callback:edgeCallback}):AdobeEdge.requestResources(a,edgeCallback)}function splitUnits(a){var d={};d.num=parseFloat(a);"string"==typeof a&&(d.units=a.match(/[a-zA-Z%]+$/));d.units&&"object"==typeof d.units&&(d.units=d.units[0]);return d}
+function defaultUnits(a){var d=a;"auto"!==a&&((a=splitUnits(a))&&a.units||(d+="px"));return d}function findNWC(a,d){if(-1!=String(a.className).indexOf(d))return a;for(var b=a.childNodes,g=0;g<b.length;g++){var f=findNWC(b[g],d);if(!1!=f)return f}return!1}function parent(a){return a.parentElement}function offset(a){a=a.getBoundingClientRect();return{left:a.left+window.pageXOffset,top:a.top+window.pageYOffset}}function width(a){return a.offsetWidth}function height(a){return a.offsetHeight}
+function isWrapped(a){return/center-wrapper/.test(parent(a).className)}function wrapForStageScaling(a){if(!isWrapped(a)){var d=document.createElement("div"),b=document.createElement("div");d.className="flow-wrapper";b.className="center-wrapper";d.style.width="1px";d.appendChild(b);parent(a).insertBefore(d,a);b.appendChild(a)}}
+function bindPSS(a,d){if(!isWrapped(a)){var b=function(){var b=isWrapped(a),f=b?parent(parent(parent(a))):parent(a),c=width(f),h=height(f),k=width(a),n=height(a),m=window.innerHeight,e=1,l=a.style;(f="body"===f.nodeName.toLowerCase())&&(h=m);c=Math.round(c);h=Math.round(h);c/=k;h/=n;"both"===d?e=Math.min(c,h):"height"===d?e=h:"width"===d&&(e=c);void 0!==maxPlW&&(e=Math.min(e,parseInt(maxPlW,10)/k));void 0!==minPlW&&(e=Math.max(e,parseInt(minPlW,10)/k));h="scale("+e+")";l.transformOrigin="0 0";l.oTransformOrigin="0 0";l.msTransformOrigin="0 0";l.webkitTransformOrigin="0 0";l.mozTransformOrigin="0 0";l.oTransformOrigin="0 0";l.transform=h;l.oTransform=h;l.msTransform=h;l.webkitTransform=h;l.mozTransform=h;l.oTransform=h;if(!f||b)parent(a).style.height=Math.round(n*e)+"px",parent(a).style.width=Math.round(k*e)+"px";b&&(b=parent(parent(a)),b.style.height=Math.round(n*e+offset(a).top-offset(b).top))};wrapForStageScaling(a);window.addEventListener("resize",function(){b()});b()}}
+function centerThePreloadStage(a,d){isWrapped(a)&&(a=parent(a));var b=a.style;/^both$|^horizontal$/.test(d)&&(b.position="absolute",b.marginLeft="auto",b.marginRight="auto",b.left="0",b.right="0");/^both$|^vertical$/.test(d)&&(b.position="absolute",b.marginTop="auto",b.marginBottom="auto",b.top="0",b.bottom="0")}
+function simpleContent(a,d,b){var g=document.getElementsByTagName("body")[0],f=b||findNWC(g,compId),c,h,k;f?"absolute"!=f.style.position&&"relative"!=f.style.position&&(f.style.position="relative"):f=g;plHeight&&(f.style.height=plHeight);plWidth&&(f.style.width=plWidth);/^height$|^width$|^both$/.test(plSTF)&&d&&!b&&bindPSS(f,plSTF);/^vertical$|^horizontal$|^both$/.test(ctrPlS)&&d&&!b&&centerThePreloadStage(f,ctrPlS);for(var n=0;n<a.length;n++){b=a[n];"image"===b.type?(g=document.createElement("img"),g.src=b.fill[1]):g=document.createElement("div");g.id=b.id;k=g.style;if("text"==b.type){if(c=b.font)c[0]&&""!==c[0]&&(k.fontFamily=c[0]),"object"!=typeof c[1]&&(c[1]=[c[1]]),c[1][1]||(c[1][1]="px"),c[1][0]&&""!==c[1][0]&&(k.fontSize=c[1][0]+c[1][1]),c[2]&&""!==c[2]&&(k.color=safeColor(c[2])),c[3]&&""!==c[3]&&(k.fontWeight=c[3]),c[4]&&""!==c[4]&&(k.textDecoration=b.font[4]),c[5]&&""!==c[5]&&(k.fontStyle=b.font[5]);b.align&&"auto"!=b.align&&(k.textAlign=b.align);b.position&&(k.position=b.position);(!b.rect[2]||0>=b.rect[2])&&(!b.rect[3]||0>=b.rect[3])&&(k.whiteSpace="nowrap");g.innerHTML=b.text}d&&(g.className=d);k.position="absolute";c=b.rect[0];h=b.rect[1];if(b.transform&&b.transform[0]){var m=b.transform[0][0],e=splitUnits(m);if(e&&e.units&&(m=e.num,"%"==e.units&&b.rect[2])){var e=b.rect[2],l=splitUnits(b.rect[2]);l&&l.units&&(e=l.num,"%"==l.units&&(e=e/100*f.offsetWidth));m=m/100*e;0<f.offsetWidth&&(m=m/f.offsetWidth*100)}if(e=splitUnits(c))c=e.num;c+=m;e.units||(e.units="px");c+=e.units;if(1<b.transform[0].length){m=b.transform[0][1];(e=splitUnits(m))&&e.units&&(m=e.num,"%"==e.units&&b.rect[3]&&(e=b.rect[3],(l=splitUnits(b.rect[3]))&&l.units&&(e=l.num,"%"==l.units&&(e=e/100*f.offsetHeight)),m=m/100*e,0<f.offsetHeight&&(m=m/f.offsetHeight*100)));if(e=splitUnits(h))h=e.num;h+=m;e.units||(e.units="px");h+=e.units}}k.left=defaultUnits(c);k.top=defaultUnits(h);k.width=defaultUnits(b.rect[2]);k.height=defaultUnits(b.rect[3]);b.linkURL&&(htLookup[g.id]=b,g.onclick=function(){var a=htLookup[this.id];a.linkTarget?window.open(a.linkURL,a.linkTarget):window.location.href=a.linkURL},k.cursor="pointer");f.appendChild(g);if(b.c)for(k=0;k<b.c.length;k++)simpleContent(b.c[k],d,g)}}var fnCycle=function(a){a?fnCycle&&setTimeout(fnCycle,20):a={event:"loading",progress:0};loadingEvt&&loadingEvt(a)},aBootcompsLoaded=[];window.AdobeEdge.bootstrapListeners||(window.AdobeEdge.bootstrapListeners=[]);window.AdobeEdge.bootstrapCallback=function(a){window.AdobeEdge.bootstrapListeners.push(a);if(0<aBootcompsLoaded.length)for(var d=0;d<aBootcompsLoaded.length;d++)a(aBootcompsLoaded[d])};window.AdobeEdge.preloadComplete||(window.AdobeEdge.preloadComplete={});window.AdobeEdge.preloadComplete[compId]=function(a){AdobeEdge.$_(".edgePreload"+a).css("display","none");fnCycle=null;loadingEvt&&loadingEvt({event:"done",progress:1,reason:"complete"});aBootcompsLoaded.push(a);for(var d=window.AdobeEdge.bootstrapListeners.length,b=0;b<d;b++)try{window.AdobeEdge.bootstrapListeners[b](a)}catch(g){console.log("bootstrap error "+g)}};function isCapable(){return hasTransform?requiresSVG&&!hasSVG?!1:!0:!1}
+function onDocLoaded(a){window.AdobeEdge.loaded=!0;fnCycle({event:"begin"});isCapable()?(preContent&&preContent.dom&&preContent.dom.length&&simpleContent(preContent.dom,"edgePreload"+compId),filesToLoad&&!signaledLoading&&(loadResources(filesToLoad),filesToLoad=void 0)):dlContent&&dlContent.dom&&(loadingEvt&&loadingEvt({event:"done",progress:1,reason:"downlevel"}),simpleContent(dlContent.dom))};window.AdobeEdge=window.AdobeEdge||{};window.AdobeEdge.framework='jquery';if(document.addEventListener){window.addEventListener("load",onDocLoaded,false);}else if(document.attachEvent){window.attachEvent("onload",onDocLoaded);}
+requiresSVG=false;doDelayLoad=false;htFallbacks={"edge_includes/jquery-2.0.3.min.js":"//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js","edge_includes/edge.4.0.1.min.js":"//animate.adobe.com/runtime/4.0.1/edge.4.0.1.min.js"};aLoader=[{load:"//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js",callback:function(result,key){if(!window.jQuery){yepnope({load:"edge_includes/jquery-2.0.3.min.js",callback:edgeCallback});return false;}return true;}},{load:"//animate.adobe.com/runtime/4.0.1/edge.4.0.1.min.js",callback:function(result,key){if(!window.AdobeEdge){yepnope({load:"edge_includes/edge.4.0.1.min.js",callback:edgeCallback});return false;}return true;}},{load:"throttler_edge.js"},{load:"throttler_edgeActions.js"}];if(AdobeEdge.bootstrapLoading){signaledLoading=true;AdobeEdge.loadResources=doLoadResources;AdobeEdge.playWhenReady=playWhenReady;}
+loadResources(aLoader,doDelayLoad);var plSTF="width",ctrPlS="none",minPlW="0",maxPlW=undefined,plWidth="540px",plHeight="190px";preContent={dom:[]};
+//simpleContent
+dlContent={dom:[]};
+//simpleContent
+})("EDGE-112562383");

data/app/assets/stylesheets/index.scss

@@ -0,0 +1 @@
+@import 'kickstart_rails/kickstart-semantic'

data/app/assets/stylesheets/kickstart_rails.scss

@@ -0,0 +1 @@
+@import 'kickstart_rails/kickstart-semantic'

data/app/assets/stylesheets/kickstart_rails/components/_buttons.sass

@@ -0,0 +1,28 @@
+=button-default($color)
+  +root-element
+  display: inline-block
+  background-color: $color
+  color: $light-black
+  cursor: pointer
+  text-decoration: none
+  border-color: hsla(0, 0%, 0%, 0.15)
+  color: $light-black
+
+  @if lightness($color) > 75%
+    color: $lighter-black
+  @else
+    color: $white
+
+  @if $color == $yellow
+    color: $lighter-black
+
+  @if $color == transparent
+    color: $lighter-black
+
+  &:hover
+    +box-shadow(0px -3px 0px 0px rgba(0, 0, 0, 0.1) inset)
+    text-decoration: none
+
+  &:active
+    +box-shadow(0px 3px 0px 0px rgba(0, 0, 0, 0.1) inset)
+    text-decoration: none

data/app/assets/stylesheets/kickstart_rails/components/_forms.sass

@@ -0,0 +1,52 @@
+label
+  display: block
+  font-weight: 500
+
+form
+  margin-bottom: $space
+
+input,
+textarea
+  +root-element
+  margin-bottom: ($space/2)
+  border: 1px solid #CCC
+  display: block
+  +border-radius(3px)
+
+  label + &
+    margin-top: ($space/5)
+
+input[type="checkbox"],
+input[type="radio"]
+  display: inline-block
+  width: 14px
+  + label
+    display: inline-block
+    width: 100%
+    margin: 0
+    margin-left: -14px
+    margin-bottom: 3px
+    padding-left: 18px
+    font-weight: normal
+
+=form-horizontal-default()
+  label, input
+    display: inline-block
+
+=form-left-default()
+  label
+    display: inline-block
+    width: 50%
+    text-align: right
+    padding-right: 10px
+    margin: 0
+    + input[type="text"]
+      width: 50%
+      display: inline-block
+  input[type="checkbox"]
+    + label
+      text-align: left
+
+=form-group-default()
+  display: block
+  overflow: hidden

data/app/assets/stylesheets/kickstart_rails/components/_modals.sass

@@ -0,0 +1,27 @@
+=modal-default()
+  +root-element
+  position: fixed
+  box-shadow: 0px 0px 99999px 99999px rgba(0, 0, 0, 0.35), 0px 0px 25px rgba(0, 0, 0, 0.5)
+  top: 15px
+  top: 1vh
+  width: 98%
+  left: 2%
+  margin: 0px auto
+  display: none
+  background: white
+  border-color: $dark-white
+  animation-duration: 0.25s
+  animation-delay: 0.2s
+  animation-timing-function: ease
+  animation-fill-mode: both
+  z-index: 1000
+
+  &[style="display: block;"]
+    animation-name: fadeInDown
+
+  @media screen and (min-width: $tablet)
+    top: 75px
+    top: 10vh
+    width: 650px
+    left: 50%
+    margin-left: -325px

data/app/assets/stylesheets/kickstart_rails/components/_nav.sass

@@ -0,0 +1,148 @@
+=color($background)
+  @if (lightness($background) < 75%)
+    color: rgba(255, 255, 255, 0.5)
+  @else
+    color: rgba(0, 0, 0, 0.5)
+
+=navbar-default($bleed-container: false, $background: $dark-white)
+  background: $background
+  border-top: 1px solid $darker-white
+
+  nav
+    display: inline-flex
+    align-items: flex-start
+    +flex-wrap
+    justify-content: space-between
+    align-content: space-between
+    width: 100%
+    border-radius: 0
+
+    @if (lightness($background) < 75%)
+      color: $white
+    @else
+      color: $lighter-black
+
+    h1
+      margin-bottom: 0
+      font-size: $base-font-size
+      line-height: $default-line-height
+
+    p
+      margin: 0
+
+    @if ($bleed-container)
+      > ul:first-child
+        margin-left: (-1 * map-get($rootElement, paddingH))
+
+      > ul:last-child
+        margin-right: (-1 * map-get($rootElement, paddingH))
+
+    ul
+      margin: 0
+      padding: 0
+      +flex(inline-flex)
+      +justify-content(space-between)
+      +align-content(space-between)
+      +align-items(center)
+      +flex-wrap
+
+      li
+        list-style: none
+        +root-element
+        +border-radius(0)
+        padding:
+          top: (map-get($rootElement, paddingV) - 1)
+          bottom: (map-get($rootElement, paddingV) - 1)
+        position: relative
+
+        &.with-submenu // Added via k$.nav()
+          padding: (2 * map-get($rootElement, paddingV) - 1) (map-get($rootElement, paddingH))
+          +color($background)
+          cursor: pointer
+
+          &:after
+            content: '+'
+            font-family: 'Kickstart', Kickstart
+            display: inline-block
+            margin-left: 5px
+            font-size: 0.65rem
+            vertical-align: middle
+
+          &:hover
+            @if (lightness($background) < 75%)
+              color: white
+            @else
+              color: rgba(0, 0, 0, 0.85)
+            background: darken($background, 5%)
+            border-color: darken($background, 5%)
+
+          &:active
+            background: darken($background, 15%)
+            border-color: darken($background, 15%)
+
+          &.open
+            color: rgba(0, 0, 0, 0.85)
+            background: white
+            border-color: $darker-white
+            border-bottom-color: transparent
+
+            &:hover
+              color: rgba(0, 0, 0, 0.85)
+              border-color: $darker-white
+              border-bottom-color: transparent
+
+        a:not([role=button])
+          +color($background)
+          text-decoration: none
+          cursor: pointer
+          display: block
+          +root-element
+          +border-radius(0)
+          margin: (-1 * map-get($rootElement, paddingV)) (-1 * map-get($rootElement, paddingH))
+          padding:
+            top: (2 * map-get($rootElement, paddingV))
+            bottom: (2 * map-get($rootElement, paddingV))
+
+          &:hover
+            @if (lightness($background) < 75%)
+              color: white
+            @else
+              color: rgba(0, 0, 0, 0.85)
+            background: darken($background, 5%)
+            border-color: darken($background, 5%)
+
+          &:active
+            background: darken($background, 15%)
+            border-color: darken($background, 15%)
+
+      ul
+        display: none
+        position: absolute
+        z-index: 10
+        background: white
+        top: 100%
+        margin-top: 1px
+        left: -1px // Compensate for border
+        min-width: 175px
+        border:
+          left: 1px solid $darker-white
+          right: 1px solid $darker-white
+          bottom: 1px solid $darker-white
+
+        li
+          border: 0px
+
+          a:not([role=button])
+            padding:
+              top: $space/4
+              bottom: $space/4
+            color: $light-black
+
+            &:hover
+              color: rgba(0, 0, 0, 0.85)
+              background: $dark-white
+              border-color: $dark-white
+
+            &:active
+              background: $darker-white
+              border-color: $darker-white

data/app/assets/stylesheets/kickstart_rails/components/_notifications.sass

@@ -0,0 +1,40 @@
+=statusBar
+  position: fixed
+  top: 0
+  left: 0
+  right: 0
+  z-index: 1100 // Above modal
+  display: flex
+  pointer-events: none
+
+  .status-bar_status
+    +root-element
+    background: $yellow
+    color: $black
+    border-radius: 3px
+    border-color: transparent
+    text-align: center
+    font-size: 0.75rem
+    font-weight: bold
+    margin: 5px auto
+    max-width: 300px
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
+    animation-duration: 0.25s
+    animation-delay: 0.2s
+    animation-timing-function: ease
+    animation-fill-mode: both
+    z-index: 1000
+    animation-name: fadeInDown
+    line-height: normal
+
+    &[data-type="success"]
+      background-color: $green
+      color: white
+
+    &[data-type="error"]
+      background-color: $red
+      color: white
+
+    &[data-type="info"]
+      background-color: $blue
+      color: white

data/app/assets/stylesheets/kickstart_rails/components/_progress.sass

@@ -0,0 +1,12 @@
+progress
+  width: 100%
+
+  &::-webkit-progress-bar
+    +border-radius(($space/5))
+    min-height: $space
+    -webkit-appearance: none
+    appearance: none
+    -moz-appearance: none
+
+  &::-webkit-progress-value
+    +border-radius(($space/5) 0 0 ($space/5))

data/app/assets/stylesheets/kickstart_rails/components/_root-element.sass

@@ -0,0 +1,12 @@
+/*
+ *  Root Element
+ *  =========
+ *  The root element is a base for several many elements in the library
+ *  To ensure consistent spacing when mixed into blocks.
+ */
+
+=root-element
+  padding: map-get($rootElement, paddingV) map-get($rootElement, paddingH)
+  +border-radius(3px)
+  border: 1px solid transparent
+  outline: none

data/app/assets/stylesheets/kickstart_rails/components/_status.sass

@@ -0,0 +1,16 @@
+=status-bar-default
+  position: fixed
+  top: 0
+  left: 0
+  right: 0
+  margin-left: -150px
+  left: 50%
+  z-index: 999999
+
+  .status
+    background: $yellow
+    color: $black
+    padding: 5px
+    border-radius: 3px
+    text-align: center
+    font-size: 0.75rem

data/app/assets/stylesheets/kickstart_rails/components/_tables.sass

@@ -0,0 +1,35 @@
+=table-default
+  border-collapse: collapse
+  background: white
+  border-spacing: 0
+  empty-cells: show
+  border: 1px solid $light-gray
+  width: 100%
+  margin-bottom: $space
+
+  pre
+    margin: 0
+
+  thead
+    background: $dark-white
+    color: $black
+    text-align: left
+    vertical-align: bottom
+    th
+      font-weight: bold
+
+  th, td
+    background-color: transparent
+    border-left: 1px solid $light-gray
+    border-width: 0 0 0 1px
+    font-size: inherit
+    margin: 0
+    overflow: visible
+    padding: ($space/6) ($space/4)
+    line-height: normal
+
+    &:first-child
+      border-left-width: 0
+
+  tbody tr:nth-child(2n)
+    background-color: lighten($light-gray, 50%)

data/app/assets/stylesheets/kickstart_rails/components/_tiles.sass

@@ -0,0 +1,26 @@
+=tile-default ($color: $dark-gray)
+  box-shadow: 0px 0px 3px $gray
+  background-color: white
+
+  @if $color == transparent
+    box-shadow: 0px 0px 0px transparent
+
+  padding: ($space/2)
+  padding-bottom: 0
+  overflow: hidden
+  margin-bottom: $space
+  border-top: 3px solid $color
+
+  > h1, > h2, > h3, > h4, > h5
+    color: $color
+    @if $color == transparent
+      color: $black
+
+  h1
+    font-size: 1.15rem
+
+  .ks-close
+    text-decoration: none
+    color: $gray
+    font-weight: bold
+    float: right