From 5b072d86df0473856eb92a94ab1f8b5cccfa67fa Mon Sep 17 00:00:00 2001 From: Sam Richard Date: Sat, 3 Nov 2012 17:59:38 -0700 Subject: [PATCH] Initial Commit --- config.rb | 38 +++++ css/screen.css | 157 ++++++++++++++++++ js/modernizr.min.js | 4 + sass/_print.scss | 28 ++++ sass/partials/design/_design.scss | 9 + sass/partials/design/_print-design.scss | 9 + sass/partials/global/_base.scss | 33 ++++ sass/partials/global/_extendables.scss | 0 sass/partials/global/_functions.scss | 0 sass/partials/global/_mixins.scss | 0 sass/partials/global/_variables.scss | 0 sass/partials/layout/_layout.scss | 9 + sass/partials/layout/_print-layout.scss | 9 + .../styleguide/_print-style-guide.scss | 10 ++ sass/partials/styleguide/_style-guide.scss | 10 ++ sass/screen.scss | 34 ++++ 16 files changed, 350 insertions(+) create mode 100644 config.rb create mode 100644 css/screen.css create mode 100644 js/modernizr.min.js create mode 100644 sass/_print.scss create mode 100644 sass/partials/design/_design.scss create mode 100644 sass/partials/design/_print-design.scss create mode 100644 sass/partials/global/_base.scss create mode 100644 sass/partials/global/_extendables.scss create mode 100644 sass/partials/global/_functions.scss create mode 100644 sass/partials/global/_mixins.scss create mode 100644 sass/partials/global/_variables.scss create mode 100644 sass/partials/layout/_layout.scss create mode 100644 sass/partials/layout/_print-layout.scss create mode 100644 sass/partials/styleguide/_print-style-guide.scss create mode 100644 sass/partials/styleguide/_style-guide.scss create mode 100644 sass/screen.scss diff --git a/config.rb b/config.rb new file mode 100644 index 0000000..95ee5f3 --- /dev/null +++ b/config.rb @@ -0,0 +1,38 @@ +# Require any additional compass plugins here. +require 'susy' +require 'singularitygs' +require 'toolkit' +require 'compass-normalize' +require 'respond-to' +require 'sassy-buttons' + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "css" +sass_dir = "sass" +images_dir = "images" +javascripts_dir = "js" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass + +# Change this to :production when ready to deploy the CSS to the live server. +environment = :development +# environment = :production + +# Pass options to sass. For development, we turn on the FireSass-compatible +# debug_info if the firesass config variable above is true. +# sass_options = (environment == :development) ? {:debug_info => true} : {} \ No newline at end of file diff --git a/css/screen.css b/css/screen.css new file mode 100644 index 0000000..eed41af --- /dev/null +++ b/css/screen.css @@ -0,0 +1,157 @@ +/* line 17, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; +} + +/* line 22, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +/* line 8, ../../../../../usr/local/gems/toolkit-0.2.0.1/stylesheets/toolkit/_border-box.scss */ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* line 4, ../../../../../usr/local/gems/toolkit-0.2.0.1/stylesheets/toolkit/_fluid-media.scss */ +img, video { + max-width: 100%; + height: auto; +} + +@media print { + /* line 17, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + html, body, div, span, applet, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, pre, + a, abbr, acronym, address, big, cite, code, + del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, + b, u, i, center, + dl, dt, dd, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + article, aside, canvas, details, embed, + figure, figcaption, footer, header, hgroup, + menu, nav, output, ruby, section, summary, + time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; + } + + /* line 22, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + html { + line-height: 1; + } + + /* line 24, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + ol, ul { + list-style: none; + } + + /* line 26, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + table { + border-collapse: collapse; + border-spacing: 0; + } + + /* line 28, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; + } + + /* line 30, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + q, blockquote { + quotes: none; + } + /* line 103, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; + } + + /* line 32, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + a img { + border: none; + } + + /* line 116, ../../../../../usr/local/gems/compass-0.13.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ + article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; + } + + /* line 8, ../../../../../usr/local/gems/toolkit-0.2.0.1/stylesheets/toolkit/_border-box.scss */ + * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + /* line 4, ../../../../../usr/local/gems/toolkit-0.2.0.1/stylesheets/toolkit/_fluid-media.scss */ + img, video { + max-width: 100%; + height: auto; + } +} diff --git a/js/modernizr.min.js b/js/modernizr.min.js new file mode 100644 index 0000000..70715db --- /dev/null +++ b/js/modernizr.min.js @@ -0,0 +1,4 @@ +/* Modernizr 2.6.2 (Custom Build) | MIT & BSD + * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexboxlegacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-css_boxsizing-css_calc-css_filters-css_remunit-css_vhunit-css_vmaxunit-css_vminunit-css_vwunit-event_deviceorientation_motion-file_api-forms_fileinput-forms_formattribute-file_filesystem-forms_placeholder-forms_speechinput-forms_validation-getusermedia-notification-load + */ +;window.Modernizr=function(a,b,c){function C(a){j.cssText=a}function D(a,b){return C(n.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a){var e=a[d];if(!F(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),H(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return I("flexWrap")},s.flexboxlegacy=function(){return I("boxDirection")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!I("indexedDB",a)},s.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return C("background-color:rgba(150,255,150,.5)"),F(j.backgroundColor,"rgba")},s.hsla=function(){return C("background-color:hsla(120,40%,100%,.5)"),F(j.backgroundColor,"rgba")||F(j.backgroundColor,"hsla")},s.multiplebgs=function(){return C("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return I("backgroundSize")},s.borderimage=function(){return I("borderImage")},s.borderradius=function(){return I("borderRadius")},s.boxshadow=function(){return I("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return D("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return I("animationName")},s.csscolumns=function(){return I("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return C((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),F(j.backgroundImage,"gradient")},s.cssreflections=function(){return I("boxReflect")},s.csstransforms=function(){return!!I("transform")},s.csstransforms3d=function(){var a=!!I("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return I("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var K in s)B(s,K)&&(x=K.toLowerCase(),e[x]=s[K](),v.push((e[x]?"":"no-")+x));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)B(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},C(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.hasEvent=z,e.testProp=function(a){return G([a])},e.testAllProps=I,e.testStyles=y,e.prefixed=function(a,b,c){return b?I(a,b,c):I(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),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;f7)}),Modernizr.addTest("cssfilters",function(){var a=document.createElement("div");return a.style.cssText=Modernizr._prefixes.join("filter:blur(2px); "),!!a.style.length&&(document.documentMode===undefined||document.documentMode>9)}),Modernizr.addTest("cssremunit",function(){var a=document.createElement("div");try{a.style.fontSize="3rem"}catch(b){}return/rem/.test(a.style.fontSize)}),Modernizr.addTest("csscalc",function(){var a="width:",b="calc(10px);",c=document.createElement("div");return c.style.cssText=a+Modernizr._prefixes.join(b+a),!!c.style.length}),Modernizr.addTest("cssvhunit",function(){var a;return Modernizr.testStyles("#modernizr { height: 50vh; }",function(b,c){var d=parseInt(window.innerHeight/2,10),e=parseInt((window.getComputedStyle?getComputedStyle(b,null):b.currentStyle).height,10);a=e==d}),a}),Modernizr.addTest("cssvmaxunit",function(){var a;return Modernizr.testStyles("#modernizr { width: 50vmax; }",function(b,c){var d=window.innerWidth/100,e=window.innerHeight/100,f=parseInt((window.getComputedStyle?getComputedStyle(b,null):b.currentStyle).width,10);a=parseInt(Math.max(d,e)*50,10)==f}),a}),Modernizr.addTest("cssvminunit",function(){var a;return Modernizr.testStyles("#modernizr { width: 50vmin; }",function(b,c){var d=window.innerWidth/100,e=window.innerHeight/100,f=parseInt((window.getComputedStyle?getComputedStyle(b,null):b.currentStyle).width,10);a=parseInt(Math.min(d,e)*50,10)==f}),a}),Modernizr.addTest("cssvwunit",function(){var a;return Modernizr.testStyles("#modernizr { width: 50vw; }",function(b,c){var d=parseInt(window.innerWidth/2,10),e=parseInt((window.getComputedStyle?getComputedStyle(b,null):b.currentStyle).width,10);a=e==d}),a}),Modernizr.addTest("devicemotion","DeviceMotionEvent"in window),Modernizr.addTest("deviceorientation","DeviceOrientationEvent"in window),Modernizr.addTest("filereader",function(){return!!(window.File&&window.FileList&&window.FileReader)}),Modernizr.addTest("fileinput",function(){var a=document.createElement("input");return a.type="file",!a.disabled}),Modernizr.addTest("formattribute",function(){var a=document.createElement("form"),b=document.createElement("input"),c=document.createElement("div"),d="formtest"+(new Date).getTime(),e,f=!1;return a.id=d,document.createAttribute&&(e=document.createAttribute("form"),e.nodeValue=d,b.setAttributeNode(e),c.appendChild(a),c.appendChild(b),document.documentElement.appendChild(c),f=a.elements.length===1&&b.form==a,c.parentNode.removeChild(c)),f}),Modernizr.addTest("filesystem",!!Modernizr.prefixed("requestFileSystem",window)),Modernizr.addTest("speechinput",function(){var a=document.createElement("input");return"speech"in a||"onwebkitspeechchange"in a}),Modernizr.addTest("placeholder",function(){return"placeholder"in(Modernizr.input||document.createElement("input"))&&"placeholder"in(Modernizr.textarea||document.createElement("textarea"))}),function(a,b){b.formvalidationapi=!1,b.formvalidationmessage=!1,b.addTest("formvalidation",function(){var c=a.createElement("form");if("checkValidity"in c){var d=a.body,e=a.documentElement,f=!1,g=!1,h;return b.formvalidationapi=!0,c.onsubmit=function(a){window.opera||a.preventDefault(),a.stopPropagation()},c.innerHTML='',c.style.position="absolute",c.style.top="-99999em",d||(f=!0,d=a.createElement("body"),d.style.background="",e.appendChild(d)),d.appendChild(c),h=c.getElementsByTagName("input")[0],h.oninvalid=function(a){g=!0,a.preventDefault(),a.stopPropagation()},b.formvalidationmessage=!!h.validationMessage,c.getElementsByTagName("button")[0].click(),d.removeChild(c),f&&e.removeChild(d),g}return!1})}(document,window.Modernizr),Modernizr.addTest("notification",!!Modernizr.prefixed("Notifications",window)),Modernizr.addTest("getusermedia",!!Modernizr.prefixed("getUserMedia",navigator)); \ No newline at end of file diff --git a/sass/_print.scss b/sass/_print.scss new file mode 100644 index 0000000..3500404 --- /dev/null +++ b/sass/_print.scss @@ -0,0 +1,28 @@ +//////////////////////// +// Print File +// +// This file gets turned into style.css. This file should really +// hold nothing except for imports of your base, layout, and design +// partials, plus the mixins required to kickstart Aura and Style Guide. +// This file is styles specific to Printed files. +//////////////////////// + +//////////////////////// +// Base Import +//////////////////////// +@import 'partials/global/base'; + +//////////////////////// +// Import Style Guide +//////////////////////// +@import 'partials/styleguide/print-style-guide'; + +//////////////////////// +// Import Layout +//////////////////////// +@import 'partials/layout/print-layout'; + +//////////////////////// +// Import Design +//////////////////////// +@import 'partials/design/print-design'; \ No newline at end of file diff --git a/sass/partials/design/_design.scss b/sass/partials/design/_design.scss new file mode 100644 index 0000000..e3abecc --- /dev/null +++ b/sass/partials/design/_design.scss @@ -0,0 +1,9 @@ +//////////////////////// +// Design Partials +// +// Seperate your layout from design, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. +// +// All styling, non box model properties go here +//////////////////////// \ No newline at end of file diff --git a/sass/partials/design/_print-design.scss b/sass/partials/design/_print-design.scss new file mode 100644 index 0000000..8f3e68b --- /dev/null +++ b/sass/partials/design/_print-design.scss @@ -0,0 +1,9 @@ +//////////////////////// +// Print Design Partials +// +// Seperate your layout from design, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. This is for Printed files. +// +// All styling, non box model properties go here +//////////////////////// \ No newline at end of file diff --git a/sass/partials/global/_base.scss b/sass/partials/global/_base.scss new file mode 100644 index 0000000..c2288c1 --- /dev/null +++ b/sass/partials/global/_base.scss @@ -0,0 +1,33 @@ +//////////////////////// +// Base Partials +// +// These files will be shared across all three of your output +// CSS files. Generally included here are only Compass Extension +// imports and imports for variables, functions, mixins, and extendables. +//////////////////////// + +//////////////////////// +// Compass Imports +//////////////////////// +@import "compass"; +@import "compass/reset"; + +//////////////////////// +// Compass Extensions +// +// Aurora includes Toolkit, Breakpoint, Respond-to, Sassy Buttons, and SingularityGS +//////////////////////// +//@import 'normalize'; +@import 'susy'; +//@import 'singularity'; +@import 'respond-to'; +@import 'sassy-buttons'; +@import 'toolkit'; + +//////////////////////// +// Private Imports +//////////////////////// +@import 'variables'; +@import 'functions'; +@import 'mixins'; +@import 'extendables'; \ No newline at end of file diff --git a/sass/partials/global/_extendables.scss b/sass/partials/global/_extendables.scss new file mode 100644 index 0000000..e69de29 diff --git a/sass/partials/global/_functions.scss b/sass/partials/global/_functions.scss new file mode 100644 index 0000000..e69de29 diff --git a/sass/partials/global/_mixins.scss b/sass/partials/global/_mixins.scss new file mode 100644 index 0000000..e69de29 diff --git a/sass/partials/global/_variables.scss b/sass/partials/global/_variables.scss new file mode 100644 index 0000000..e69de29 diff --git a/sass/partials/layout/_layout.scss b/sass/partials/layout/_layout.scss new file mode 100644 index 0000000..2c47b42 --- /dev/null +++ b/sass/partials/layout/_layout.scss @@ -0,0 +1,9 @@ +//////////////////////// +// Layout Partials +// +// Seperate your layout from design, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. +// +// All box model properties go here +//////////////////////// \ No newline at end of file diff --git a/sass/partials/layout/_print-layout.scss b/sass/partials/layout/_print-layout.scss new file mode 100644 index 0000000..3d1b8c6 --- /dev/null +++ b/sass/partials/layout/_print-layout.scss @@ -0,0 +1,9 @@ +//////////////////////// +// Print Layout Partials +// +// Seperate your layout from design, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. This is for Print files. +// +// All box model properties go here +//////////////////////// \ No newline at end of file diff --git a/sass/partials/styleguide/_print-style-guide.scss b/sass/partials/styleguide/_print-style-guide.scss new file mode 100644 index 0000000..5ba656e --- /dev/null +++ b/sass/partials/styleguide/_print-style-guide.scss @@ -0,0 +1,10 @@ +//////////////////////// +// Style Guide Partials +// +// Write a Style Guide for your website, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. +// +// All Print Style Guide selectors should go in here, regardless of layout or design +// (but separating the two in here is a good idea). +//////////////////////// \ No newline at end of file diff --git a/sass/partials/styleguide/_style-guide.scss b/sass/partials/styleguide/_style-guide.scss new file mode 100644 index 0000000..86c9dfa --- /dev/null +++ b/sass/partials/styleguide/_style-guide.scss @@ -0,0 +1,10 @@ +//////////////////////// +// Style Guide Partials +// +// Write a Style Guide for your website, building sub folders and partials +// in this folder, with everything being imported, in casading order, +// into this file. +// +// All Style Guide selectors should go in here, regardless of layout or design +// (but separating the two in here is a good idea). +//////////////////////// \ No newline at end of file diff --git a/sass/screen.scss b/sass/screen.scss new file mode 100644 index 0000000..121d095 --- /dev/null +++ b/sass/screen.scss @@ -0,0 +1,34 @@ +//////////////////////// +// Style File +// +// This file gets turned into style.css. This file should really +// hold nothing except for imports of your base, layout, and design +// partials, plus the mixins required to kickstart Aura and Style Guide. +//////////////////////// + +//////////////////////// +// Base Import +//////////////////////// +@import 'partials/global/base'; + +//////////////////////// +// Import Style Guide +//////////////////////// +@import 'partials/styleguide/style-guide'; + +//////////////////////// +// Import Layout +//////////////////////// +@import 'partials/layout/layout'; + +//////////////////////// +// Import Design +//////////////////////// +@import 'partials/design/design'; + +////////////////////////////// +// Import our Print file, because it needs to get downloaded anyway, might as well compress them! +////////////////////////////// +@media print { + @import 'print'; +} \ No newline at end of file