Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge remote branch 'upstream/master'

Conflicts:
	.gitignore
	Gemfile
	Rakefile
	config.rb
	site/index.html
	site/stylesheets/ie.css
	site/stylesheets/print.css
	site/stylesheets/site.css
	src/configuration.rb
	src/pages/shared/layout/_head.haml
	src/stylesheets/_base.sass
  • Loading branch information...
commit 223cdfa2d06f8bb0656fd0ed8bed056b3df855ec 2 parents 2808e3d + 267f2f8
Fabrice Luraine authored
Showing with 314 additions and 511 deletions.
  1. +2 −0  .gitignore
  2. +8 −2 Gemfile
  3. +13 −0 README.mdown
  4. +5 −1 Rakefile
  5. +9 −9 config.rb
  6. +2 −2 site/.gitignore
  7. +25 −0 site/index.html
  8. +28 −0 site/javascripts/modernizr-1.5.min.js
  9. +10 −0 site/stylesheets/ie.css
  10. +6 −0 site/stylesheets/print.css
  11. +75 −0 site/stylesheets/screen.css
  12. +86 −0 site/stylesheets/site.css
  13. +7 −2 src/configuration.rb
  14. +11 −0 src/helpers/code_helper.rb
  15. +1 −1  src/layouts/application.haml
  16. +5 −3 src/pages/index.haml
  17. +7 −3 src/pages/shared/layout/_head.haml
  18. +1 −5 src/stylesheets/_base.sass
  19. +0 −2  src/stylesheets/_library.sass
  20. 0  src/stylesheets/_partials.sass
  21. +0 −14 src/stylesheets/library/_css3.sass
  22. +0 −59 src/stylesheets/library/_grid_coordinates.sass
  23. +0 −16 src/stylesheets/library/css3/_background_clip.sass
  24. +0 −18 src/stylesheets/library/css3/_background_origin.sass
  25. +0 −14 src/stylesheets/library/css3/_background_size.sass
  26. +0 −47 src/stylesheets/library/css3/_border_radius.sass
  27. +0 −20 src/stylesheets/library/css3/_box_shadow.sass
  28. +0 −13 src/stylesheets/library/css3/_box_sizing.sass
  29. +0 −37 src/stylesheets/library/css3/_columns.sass
  30. +0 −31 src/stylesheets/library/css3/_font_face.sass
  31. +0 −40 src/stylesheets/library/css3/_gradient.sass
  32. +0 −7 src/stylesheets/library/css3/_inline_block.sass
  33. +0 −18 src/stylesheets/library/css3/_opacity.sass
  34. +0 −15 src/stylesheets/library/css3/_text_shadow.sass
  35. +0 −62 src/stylesheets/library/css3/_transform.sass
  36. +0 −57 src/stylesheets/library/css3/_transition.sass
  37. +13 −13 src/stylesheets/screen.sass
View
2  .gitignore
@@ -1,6 +1,8 @@
.sass-cache/
.bundle
vendor/ruby/
+Gemfile.lock
+
# site/
#
View
10 Gemfile
@@ -1,3 +1,9 @@
source "http://rubygems.org"
-gem 'staticmatic'
-gem 'compass'
+gem "rack"
+gem "staticmatic"
+gem "haml"
+gem "compass"
+gem "coderay"
+gem "haml-coderay"
+gem "grit"
+gem "RedCloth"
View
13 README.mdown
@@ -0,0 +1,13 @@
+# StaticMatic Bootstrap
+
+StaticMatic bootstrap makes it super easy to build out a static html website (with [StaticMatic](http://staticmatic.rubyforge.org/)) and comes with with support for [Haml](http://haml-lang.com), [Sass](http://sass-lang.com), [Compass](http://compass-style.org) and [jQuery](http://jquery.com).
+
+## License
+
+Copyright (c) 2009 Adam Stacoviak
+
+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.
View
6 Rakefile
@@ -1,3 +1,7 @@
+require "rubygems"
+require "bundler"
+Bundler.setup
+
ssh_user = "user@domain.com" # for rsync deployment
remote_root = "~/path/to/remote/" # for rsync deployment
@@ -52,7 +56,7 @@ namespace :styles do
desc "Generates new styles"
task :generate => :clear do
puts "*** Generating styles ***"
- system "bundle exec compass"
+ system "bundle exec compass compile"
end
end
View
18 config.rb
@@ -5,20 +5,20 @@
ROOT = File.join(File.dirname(__FILE__), '/')
puts "Site root is: " + File.expand_path(ROOT)
-
#
# Learn more about compass configuration:
# http://compass-style.org/docs/tutorials/configuration-reference/
#
-output_style = :compact # :nested, :expanded, :compact, or :compressed
-project_path = ROOT # must be set for Compass to work
-sass_dir = "src/stylesheets" # dir containing Sass / Compass source files
-http_path = "/" # root when deployed
-css_dir = "site/stylesheets" # final CSS
-images_dir = "site/images" # final images
-http_images_path = "/images"
-http_stylesheets_path = "/stylesheets"
+output_style = :expanded # :nested, :expanded, :compact, or :compressed
+project_path = ROOT # must be set for Compass to work
+sass_dir = "src/stylesheets" # dir containing Sass / Compass source files
+http_path = "/" # root when deployed
+css_dir = "site/stylesheets" # final CSS
+images_dir = "site/images" # final images
+http_images_path = "/images" # base url for images used in html files
+http_stylesheets_path = "/stylesheets" # base url for stylesheets used on html files
+line_comments = false
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
View
4 site/.gitignore
@@ -1,2 +1,2 @@
-*
-!.gitignore
+# *
+# !.gitignore
View
25 site/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>
+ StaticMatic Bootstrap - Homepage
+ </title>
+ <meta content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do." name="description" />
+ <link href="stylesheets/site.css" media="all" rel="stylesheet" type="text/css"/>
+ <script language="javascript" src="http://www.google.com/jsapi" type="text/javascript"></script>
+ <script type="text/javascript">
+ //<![CDATA[
+ google.load("jquery", "1.4.2");
+ // google.load("jqueryui", "1.8.1");
+ // google.load("chrome-frame", "1.0.2");
+ //]]>
+ </script>
+ <script language="javascript" src="javascripts/application.js" type="text/javascript"></script>
+ </head>
+ <body class="index homepage">
+ <h1>StaticMatic Bootstrap</h1>
+ <p>
+ <a href="http://github.com/adamstac/staticmatic-bootstrap">Fork me on GitHub &rarr;</a>
+ </p>
+ </body>
+</html>
View
28 site/javascripts/modernizr-1.5.min.js
@@ -0,0 +1,28 @@
+/*!
+ * Modernizr JavaScript library 1.5
+ * http://www.modernizr.com/
+ *
+ * Copyright (c) 2009-2010 Faruk Ates - http://farukat.es/
+ * Dual-licensed under the BSD and MIT licenses.
+ * http://www.modernizr.com/license/
+ *
+ * Featuring major contributions by
+ * Paul Irish - http://paulirish.com
+ */
+ window.Modernizr=function(i,e,I){function C(a,b){for(var c in a)if(m[a[c]]!==I&&(!b||b(a[c],D)))return true}function r(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1);return!!C([a,"Webkit"+c,"Moz"+c,"O"+c,"ms"+c,"Khtml"+c],b)}function P(){j[E]=function(a){for(var b=0,c=a.length;b<c;b++)J[a[b]]=!!(a[b]in n);return J}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" "));j[Q]=function(a){for(var b=0,c,h=a.length;b<h;b++){n.setAttribute("type",a[b]);if(c=n.type!==
+ "text"){n.value=K;/tel|search/.test(n.type)||(c=/url|email/.test(n.type)?n.checkValidity&&n.checkValidity()===false:n.value!=K)}L[a[b]]=!!c}return L}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var j={},s=e.documentElement,D=e.createElement("modernizr"),m=D.style,n=e.createElement("input"),E="input",Q=E+"types",K=":)",M=Object.prototype.toString,y=" -o- -moz- -ms- -webkit- -khtml- ".split(" "),d={},L={},J={},N=[],u=function(){var a={select:"input",
+ change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"},b={};return function(c,h){var t=arguments.length==1;if(t&&b[c])return b[c];h=h||document.createElement(a[c]||"div");c="on"+c;var g=c in h;if(!g&&h.setAttribute){h.setAttribute(c,"return;");g=typeof h[c]=="function"}h=null;return t?(b[c]=g):g}}(),F={}.hasOwnProperty,O;O=typeof F!=="undefined"&&typeof F.call!=="undefined"?function(a,b){return F.call(a,b)}:function(a,b){return b in a&&typeof a.constructor.prototype[b]==="undefined"};
+ d.canvas=function(){return!!e.createElement("canvas").getContext};d.canvastext=function(){return!!(d.canvas()&&typeof e.createElement("canvas").getContext("2d").fillText=="function")};d.geolocation=function(){return!!navigator.geolocation};d.crosswindowmessaging=function(){return!!i.postMessage};d.websqldatabase=function(){var a=!!i.openDatabase;if(a)try{a=!!openDatabase("testdb","1.0","html5 test db",2E5)}catch(b){a=false}return a};d.indexedDB=function(){return!!i.indexedDB};d.hashchange=function(){return u("hashchange",
+ i)&&(document.documentMode===I||document.documentMode>7)};d.historymanagement=function(){return!!(i.history&&history.pushState)};d.draganddrop=function(){return u("drag")&&u("dragstart")&&u("dragenter")&&u("dragover")&&u("dragleave")&&u("dragend")&&u("drop")};d.websockets=function(){return"WebSocket"in i};d.rgba=function(){m.cssText="background-color:rgba(150,255,150,.5)";return(""+m.backgroundColor).indexOf("rgba")!==-1};d.hsla=function(){m.cssText="background-color:hsla(120,40%,100%,.5)";return(""+
+ m.backgroundColor).indexOf("rgba")!==-1};d.multiplebgs=function(){m.cssText="background:url(//:),url(//:),red url(//:)";return/(url\s*\(.*?){3}/.test(m.background)};d.backgroundsize=function(){return r("backgroundSize")};d.borderimage=function(){return r("borderImage")};d.borderradius=function(){return r("borderRadius","",function(a){return(""+a).indexOf("orderRadius")!==-1})};d.boxshadow=function(){return r("boxShadow")};d.opacity=function(){var a=y.join("opacity:.5;")+"";m.cssText=a;return(""+m.opacity).indexOf("0.5")!==
+ -1};d.cssanimations=function(){return r("animationName")};d.csscolumns=function(){return r("columnCount")};d.cssgradients=function(){var a=("background-image:"+y.join("gradient(linear,left top,right bottom,from(#9f9),to(white));background-image:")+y.join("linear-gradient(left top,#9f9, white);background-image:")).slice(0,-17);m.cssText=a;return(""+m.backgroundImage).indexOf("gradient")!==-1};d.cssreflections=function(){return r("boxReflect")};d.csstransforms=function(){return!!C(["transformProperty",
+ "WebkitTransform","MozTransform","OTransform","msTransform"])};d.csstransforms3d=function(){var a=!!C(["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"]);if(a){var b=document.createElement("style"),c=e.createElement("div");b.textContent="@media ("+y.join("transform-3d),(")+"modernizr){#modernizr{height:3px}}";e.getElementsByTagName("head")[0].appendChild(b);c.id="modernizr";s.appendChild(c);a=c.offsetHeight===3;b.parentNode.removeChild(b);c.parentNode.removeChild(c)}return a};
+ d.csstransitions=function(){return r("transitionProperty")};d.fontface=function(){var a;if(/*@cc_on@if(@_jscript_version>=5)!@end@*/0)a=true;else{var b=e.createElement("style"),c=e.createElement("span"),h,t=false,g=e.body,o,w;b.textContent="@font-face{font-family:testfont;src:url('data:font/ttf;base64,AAEAAAAMAIAAAwBAT1MvMliohmwAAADMAAAAVmNtYXCp5qrBAAABJAAAANhjdnQgACICiAAAAfwAAAAEZ2FzcP//AAMAAAIAAAAACGdseWYv5OZoAAACCAAAANxoZWFk69bnvwAAAuQAAAA2aGhlYQUJAt8AAAMcAAAAJGhtdHgGDgC4AAADQAAAABRsb2NhAIQAwgAAA1QAAAAMbWF4cABVANgAAANgAAAAIG5hbWUgXduAAAADgAAABPVwb3N03NkzmgAACHgAAAA4AAECBAEsAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAACAAMDAAAAAAAAgAACbwAAAAoAAAAAAAAAAFBmRWQAAAAgqS8DM/8zAFwDMwDNAAAABQAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABGAAMAAQAAAK4ABAAqAAAABgAEAAEAAgAuqQD//wAAAC6pAP///9ZXAwAAAAAAAAACAAAABgBoAAAAAAAvAAEAAAAAAAAAAAAAAAAAAAABAAIAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEACoAAAAGAAQAAQACAC6pAP//AAAALqkA////1lcDAAAAAAAAAAIAAAAiAogAAAAB//8AAgACACIAAAEyAqoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMiARDuzMwCqv1WIgJmAAACAFUAAAIRAc0ADwAfAAATFRQWOwEyNj0BNCYrASIGARQGKwEiJj0BNDY7ATIWFX8aIvAiGhoi8CIaAZIoN/43KCg3/jcoAWD0JB4eJPQkHh7++EY2NkbVRjY2RgAAAAABAEH/+QCdAEEACQAANjQ2MzIWFAYjIkEeEA8fHw8QDxwWFhwWAAAAAQAAAAIAAIuYbWpfDzz1AAsEAAAAAADFn9IuAAAAAMWf0i797/8zA4gDMwAAAAgAAgAAAAAAAAABAAADM/8zAFwDx/3v/98DiAABAAAAAAAAAAAAAAAAAAAABQF2ACIAAAAAAVUAAAJmAFUA3QBBAAAAKgAqACoAWgBuAAEAAAAFAFAABwBUAAQAAgAAAAEAAQAAAEAALgADAAMAAAAQAMYAAQAAAAAAAACLAAAAAQAAAAAAAQAhAIsAAQAAAAAAAgAFAKwAAQAAAAAAAwBDALEAAQAAAAAABAAnAPQAAQAAAAAABQAKARsAAQAAAAAABgAmASUAAQAAAAAADgAaAUsAAwABBAkAAAEWAWUAAwABBAkAAQBCAnsAAwABBAkAAgAKAr0AAwABBAkAAwCGAscAAwABBAkABABOA00AAwABBAkABQAUA5sAAwABBAkABgBMA68AAwABBAkADgA0A/tDb3B5cmlnaHQgMjAwOSBieSBEYW5pZWwgSm9obnNvbi4gIFJlbGVhc2VkIHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UuIEtheWFoIExpIGdseXBocyBhcmUgcmVsZWFzZWQgdW5kZXIgdGhlIEdQTCB2ZXJzaW9uIDMuYmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhTGlnaHRiYWVjMmE5MmJmZmU1MDMyIC0gc3Vic2V0IG9mIEZvbnRGb3JnZSAyLjAgOiBKdXJhIExpZ2h0IDogMjMtMS0yMDA5YmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhIExpZ2h0VmVyc2lvbiAyIGJhZWMyYTkyYmZmZTUwMzIgLSBzdWJzZXQgb2YgSnVyYUxpZ2h0aHR0cDovL3NjcmlwdHMuc2lsLm9yZy9PRkwAQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMAA5ACAAYgB5ACAARABhAG4AaQBlAGwAIABKAG8AaABuAHMAbwBuAC4AIAAgAFIAZQBsAGUAYQBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAdABlAHIAbQBzACAAbwBmACAAdABoAGUAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUALgAgAEsAYQB5AGEAaAAgAEwAaQAgAGcAbAB5AHAAaABzACAAYQByAGUAIAByAGUAbABlAGEAcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAEcAUABMACAAdgBlAHIAcwBpAG8AbgAgADMALgBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQBMAGkAZwBoAHQAYgBhAGUAYwAyAGEAOQAyAGIAZgBmAGUANQAwADMAMgAgAC0AIABzAHUAYgBzAGUAdAAgAG8AZgAgAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAASgB1AHIAYQAgAEwAaQBnAGgAdAAgADoAIAAyADMALQAxAC0AMgAwADAAOQBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQAgAEwAaQBnAGgAdABWAGUAcgBzAGkAbwBuACAAMgAgAGIAYQBlAGMAMgBhADkAMgBiAGYAZgBlADUAMAAzADIAIAAtACAAcwB1AGIAcwBlAHQAIABvAGYAIABKAHUAcgBhAEwAaQBnAGgAdABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAAAAAgAAAAAAAP+BADMAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAQACAQIAEQt6ZXJva2F5YWhsaQ==')}";
+ e.getElementsByTagName("head")[0].appendChild(b);c.setAttribute("style","font:99px _,arial,helvetica;position:absolute;visibility:hidden");if(!g){g=s.appendChild(e.createElement("fontface"));t=true}c.innerHTML="........";c.id="fonttest";g.appendChild(c);h=c.offsetWidth*c.offsetHeight;c.style.font="99px testfont,_,arial,helvetica";a=h!==c.offsetWidth*c.offsetHeight;var v=function(){if(g.parentNode){a=j.fontface=h!==c.offsetWidth*c.offsetHeight;s.className=s.className.replace(/(no-)?fontface\b/,"")+
+ (a?" ":" no-")+"fontface"}};setTimeout(v,75);setTimeout(v,150);addEventListener("load",function(){v();(w=true)&&o&&o(a);setTimeout(function(){t||(g=c);g.parentNode.removeChild(g);b.parentNode.removeChild(b)},50)},false)}j._fontfaceready=function(p){w||a?p(a):(o=p)};return a||h!==c.offsetWidth};d.video=function(){var a=e.createElement("video"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('video/ogg; codecs="theora"');b.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"');b.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"')}return b};
+ d.audio=function(){var a=e.createElement("audio"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('audio/ogg; codecs="vorbis"');b.mp3=a.canPlayType("audio/mpeg;");b.wav=a.canPlayType('audio/wav; codecs="1"');b.m4a=a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")}return b};d.localStorage=function(){return"localStorage"in i&&i.localStorage!==null};d.sessionStorage=function(){try{return"sessionStorage"in i&&i.sessionStorage!==null}catch(a){return false}};d.webworkers=function(){return!!i.Worker};
+ d.applicationCache=function(){var a=i.applicationCache;return!!(a&&typeof a.status!="undefined"&&typeof a.update=="function"&&typeof a.swapCache=="function")};d.svg=function(){return!!e.createElementNS&&!!e.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect};d.smil=function(){return!!e.createElementNS&&/SVG/.test(M.call(e.createElementNS("http://www.w3.org/2000/svg","animate")))};d.svgclippaths=function(){return!!e.createElementNS&&/SVG/.test(M.call(e.createElementNS("http://www.w3.org/2000/svg",
+ "clipPath")))};for(var z in d)if(O(d,z))N.push(((j[z.toLowerCase()]=d[z]())?"":"no-")+z.toLowerCase());j[E]||P();j.addTest=function(a,b){a=a.toLowerCase();if(!j[a]){b=!!b();s.className+=" "+(b?"":"no-")+a;j[a]=b;return j}};m.cssText="";D=n=null;(function(){var a=e.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1})()&&function(a,b){function c(f,k){if(o[f])o[f].styleSheet.cssText+=k;else{var l=t[G],q=b[A]("style");q.media=f;l.insertBefore(q,l[G]);o[f]=q;c(f,k)}}function h(f,
+ k){for(var l=new RegExp("\\b("+w+")\\b(?!.*[;}])","gi"),q=function(B){return".iepp_"+B},x=-1;++x<f.length;){k=f[x].media||k;h(f[x].imports,k);c(k,f[x].cssText.replace(l,q))}}for(var t=b.documentElement,g=b.createDocumentFragment(),o={},w="abbr|article|aside|audio|canvas|command|datalist|details|figure|figcaption|footer|header|hgroup|keygen|mark|meter|nav|output|progress|section|source|summary|time|video",v=w.split("|"),p=[],H=-1,G="firstChild",A="createElement";++H<v.length;){b[A](v[H]);g[A](v[H])}g=
+ g.appendChild(b[A]("div"));a.attachEvent("onbeforeprint",function(){for(var f,k=b.getElementsByTagName("*"),l,q,x=new RegExp("^"+w+"$","i"),B=-1;++B<k.length;)if((f=k[B])&&(q=f.nodeName.match(x))){l=new RegExp("^\\s*<"+q+"(.*)\\/"+q+">\\s*$","i");g.innerHTML=f.outerHTML.replace(/\r|\n/g," ").replace(l,f.currentStyle.display=="block"?"<div$1/div>":"<span$1/span>");l=g.childNodes[0];l.className+=" iepp_"+q;l=p[p.length]=[f,l];f.parentNode.replaceChild(l[1],l[0])}h(b.styleSheets,"all")});a.attachEvent("onafterprint",
+ function(){for(var f=-1,k;++f<p.length;)p[f][1].parentNode.replaceChild(p[f][0],p[f][1]);for(k in o)t[G].removeChild(o[k]);o={};p=[]})}(this,e);j._enableHTML5=true;j._version="1.5";s.className=s.className.replace(/\bno-js\b/,"")+" js";s.className+=" "+N.join(" ");return j}(this,this.document);
View
10 site/stylesheets/ie.css
@@ -0,0 +1,10 @@
+/*
+ * Use this file to write IE specific override styles.
+ *
+ * Import this file using the following HTML or equivalent:
+ *
+ * <!--[if IE]>
+ *
+ * <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+ *
+ * <![endif]--> */
View
6 site/stylesheets/print.css
@@ -0,0 +1,6 @@
+/*
+ * Use this file to define print styles.
+ *
+ * Import this file using the following HTML or equivalent:
+ *
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
View
75 site/stylesheets/screen.css
@@ -0,0 +1,75 @@
+/* — RESET ——————————————————————————————————————————————————————————————————— */
+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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+
+body {
+ line-height: 1;
+ color: black;
+ background: white;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+ vertical-align: middle;
+}
+
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+ vertical-align: middle;
+}
+
+q, blockquote {
+ quotes: "" "";
+}
+q:before, q:after, blockquote:before, blockquote:after {
+ content: "";
+}
+
+a img {
+ border: none;
+}
+
+body {
+ font: bold 60px helvetica, arial, sans-serif;
+ padding-left: 50px;
+ text-align: center;
+}
+
+h1 {
+ margin-top: 70px;
+ margin-bottom: 40px;
+}
+
+p {
+ font-size: 24px;
+}
+
+a {
+ color: #888888;
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
View
86 site/stylesheets/site.css
@@ -0,0 +1,86 @@
+/* line 14, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+
+/* line 17, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+body {
+ line-height: 1;
+ color: black;
+ background: white;
+}
+
+/* line 19, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+ list-style: none;
+}
+
+/* line 21, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+ vertical-align: middle;
+}
+
+/* line 23, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+ vertical-align: middle;
+}
+
+/* line 25, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+ quotes: "" "";
+}
+/* line 96, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+ content: "";
+}
+
+/* line 27, ../../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+a img {
+ border: none;
+}
+
+/* line 3, ../../src/stylesheets/site.sass */
+body {
+ font: bold 60px helvetica, arial, sans-serif;
+ padding-left: 50px;
+ text-align: center;
+}
+
+/* line 8, ../../src/stylesheets/site.sass */
+h1 {
+ margin-top: 70px;
+ margin-bottom: 40px;
+}
+
+/* line 12, ../../src/stylesheets/site.sass */
+p {
+ font-size: 24px;
+}
+/* line 14, ../../src/stylesheets/site.sass */
+p a {
+ color: #888888;
+ text-decoration: none;
+}
+/* line 17, ../../src/stylesheets/site.sass */
+p a:hover {
+ text-decoration: underline;
+}
View
9 src/configuration.rb
@@ -1,7 +1,12 @@
#
# STATIC MATIC PROJECT CONFIG
#
+require 'bundler'
+Bundler.setup
+
require 'compass'
+require 'coderay'
+require 'haml-coderay'
# Parse the Compass config
Compass.add_project_configuration('config.rb')
@@ -23,7 +28,7 @@
# Default is an empty hash
# http://haml-lang.com/docs/yardoc/file.HAML_REFERENCE.html#options
configuration.haml_options = {
- #:format => :html5,
+ :format => :html5,
:attr_wrapper => '"'
}
@@ -32,4 +37,4 @@
puts "Loading extra libs from lib path #{lib_path}"
Dir[lib_path].each do |lib|
require lib
-end
+end
View
11 src/helpers/code_helper.rb
@@ -0,0 +1,11 @@
+require "grit"
+
+module CodeHelper
+ def code(tag, file)
+
+ repo = Grit::Repo.new(repo_name)
+ commit = repo.tag(tag).commit
+
+ CodeRay.scan((commit.tree/file).data, :ruby).html(:line_numbers => :inline).div
+ end
+end
View
2  src/layouts/application.haml
@@ -1,4 +1,4 @@
-!!! Strict
+!!! 5
%html
%head
= partial('shared/layout/head')
View
8 src/pages/index.haml
@@ -3,6 +3,8 @@
- @body_class = "homepage"
- @page_description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do."
-%h1 StaticMatic!
-
-%p= link "Contact Adam Stacoviak", "mailto:adam@adamstacoviak.com"
+%section
+ %header
+ %h1 StaticMatic Bootstrap
+ %a{:href => "http://github.com/adamstac/staticmatic-bootstrap"}
+ %p Fork me on GitHub &rarr;
View
10 src/pages/shared/layout/_head.haml
@@ -4,6 +4,10 @@
= page_title
- if @page_description
%meta{:name => "description", :content => @page_description}
-= stylesheets :screen
-%script{:type => "text/javascript", :src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"}
-= javascripts('application')
+= stylesheets :site
+= javascripts('http://www.google.com/jsapi')
+:javascript
+ google.load("jquery", "1.4.2");
+ // google.load("jqueryui", "1.8.1");
+ // google.load("chrome-frame", "1.0.2");
+= javascripts('modernizr-1.5.min', 'application')
View
6 src/stylesheets/_base.sass
@@ -5,8 +5,4 @@
!grid_base_line = 18px
/* — RESET ———————————————————————————————————————————————————————————————————
-@import compass/reset.sass
-@import compass/utilities.sass
-@import blueprint/reset
-@import blueprint/modules/grid.sass
-@import blueprint/modules/debug.sass
+@import compass/reset
View
2  src/stylesheets/_library.sass
@@ -1,2 +0,0 @@
-@import library/css3
-@import library/grid_coordinates
View
0  src/stylesheets/_partials.sass
No changes.
View
14 src/stylesheets/library/_css3.sass
@@ -1,14 +0,0 @@
-@import css3/border_radius.sass
-@import css3/inline_block.sass
-@import css3/opacity.sass
-@import css3/box_shadow.sass
-@import css3/text_shadow.sass
-@import css3/columns.sass
-@import css3/box_sizing.sass
-@import css3/gradient.sass
-@import css3/background_clip.sass
-@import css3/background_origin.sass
-@import css3/background_size.sass
-@import css3/font_face.sass
-@import css3/transform.sass
-@import css3/transition.sass
View
59 src/stylesheets/library/_grid_coordinates.sass
@@ -1,59 +0,0 @@
-// --------------------------------------------------------------------------------
-// Grid Coordinates was inspired by Tyler Tate's 1kb CSS Grid project (1kbgrid.com)
-// --------------------------------------------------------------------------------
-// The default grid is 960px wide, 12 columns at 60px each with a 20px gutter.
-//
-// Set the 3 variables below to define your grid coordinates.
-// Use 1kbgrid.com as a guide to the various grid coordinates possible.
-
-@import compass/utilities
-
-// How many grid columns would you like?
-!grid_columns ||= 12
-// How many pixels wide would you like each column to be?
-!grid_pixels ||= 60px
-// How many pixels wide would you like the gutter to be?
-!grid_gutter_width ||= 20px
-
-// Set grid width
-!grid_width = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
-
-=grid(!grid_columns)
- +column
- @if !grid_columns == 1
- width = !grid_pixels
- @else
- width = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width - !grid_gutter_width)
-
-=column
- +float-left
- margin = 0 !grid_gutter_width / 2
- overflow: hidden
-
-=grid-container
- margin: 0 auto
- overflow: hidden
- width = !grid_width
-
-=nested-grid-container
- display: inline-block
- margin:
- left = -!grid_gutter_width / 2
- right = -!grid_gutter_width / 2
- overflow: hidden
- width: auto
-
-=grid-prefix(!grid_columns)
- @if !grid_columns == 1
- padding-left = !grid_pixels + !grid_gutter_width
- @else
- padding-left = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
-
-=grid-suffix(!grid_columns)
- @if !grid_columns == 1
- padding-right = !grid_pixels + !grid_gutter_width
- @else
- padding-right = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
-
-=grid-full
- +grid(!grid_columns)
View
16 src/stylesheets/library/css3/_background_clip.sass
@@ -1,16 +0,0 @@
-// Background Clip
-// clip the background (image and color) at the edge of the padding or border
-// - [padding-box | border-box]
-// - browser defaults to border-box, mixin defaults to padding-box
-
-// override constants to change defaults
-!default_background_clip ||= "padding-box"
-
-=background-clip(!clip = !default_background_clip)
- // webkit and mozilla use the deprecated short [border | padding | content]
- !deprecated= "padding"
- @if !clip == "border-box"
- !deprecated= "border"
- background-clip= !clip
- -webkit-background-clip= !deprecated
- -moz-background-clip= !deprecated
View
18 src/stylesheets/library/css3/_background_origin.sass
@@ -1,18 +0,0 @@
-// Background Origin
-// position the background off the edge of the padding, border or content
-// - [padding-box | border-box | content-box]
-// - browser defaults to padding-box, mixin defaults to content-box
-
-// override constants to change defaults
-!default_background_origin ||= "content-box"
-
-=background-origin(!origin = !default_background_origin)
- // webkit and mozilla use the deprecated short [border | padding | content]
- !deprecated= "padding"
- @if !origin == "border-box"
- !deprecated= "border"
- @if !origin == "content-box"
- !deprecated= "content"
- background-origin= !origin
- -webkit-background-origin= !deprecated
- -moz-background-origin= !deprecated
View
14 src/stylesheets/library/css3/_background_size.sass
@@ -1,14 +0,0 @@
-// Background Size
-// Set the size of background images using px, width and height, or percentages
-// - percentages are relative to the background-origin (default = padding-box)
-// - mixin defaults to "100% auto"
-
-// override constants to change defaults
-!default_background_size ||= 100% "auto"
-
-=background-size(!size = !default_background_size)
- background-size= !size
- -webkit-background-size= !size
- -o-background-size= !size
- -khtml-background-size= !size
- -moz-background-size= !size
View
47 src/stylesheets/library/css3/_border_radius.sass
@@ -1,47 +0,0 @@
-!default_border_radius ||= 5px
-
-// Round all borders by amount
-=border-radius(!radius = !default_border_radius)
- border-radius= !radius
- -moz-border-radius= !radius
- -webkit-border-radius= !radius
-
-// Round radius at position by amount.
-// values for !vert: "top", "bottom"
-// values for !horz: "left", "right
-=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
- border-#{!vert}-#{!horz}-radius= !radius
- -moz-border-radius-#{!vert}#{!horz}= !radius
- -webkit-border-#{!vert}-#{!horz}-radius= !radius
-
-=border-top-left-radius(!radius = !default_border_radius)
- +border-corner-radius("top", "left", !radius)
-
-=border-top-right-radius(!radius = !default_border_radius)
- +border-corner-radius("top", "right", !radius)
-
-=border-bottom-left-radius(!radius = !default_border_radius)
- +border-corner-radius("bottom", "left", !radius)
-
-=border-bottom-right-radius(!radius = !default_border_radius)
- +border-corner-radius("bottom", "right", !radius)
-
-// Round top corners by amount
-=border-top-radius(!radius = !default_border_radius)
- +border-top-left-radius(!radius)
- +border-top-right-radius(!radius)
-
-// Round right corners by amount
-=border-right-radius(!radius = !default_border_radius)
- +border-top-right-radius(!radius)
- +border-bottom-right-radius(!radius)
-
-// Round bottom corners by amount
-=border-bottom-radius(!radius = !default_border_radius)
- +border-bottom-left-radius(!radius)
- +border-bottom-right-radius(!radius)
-
-// Round left corners by amount
-=border-left-radius(!radius = !default_border_radius)
- +border-top-left-radius(!radius)
- +border-bottom-left-radius(!radius)
View
20 src/stylesheets/library/css3/_box_shadow.sass
@@ -1,20 +0,0 @@
-//**
- Provides cross-browser css box shadows for Webkit, Gecko, and CSS3 standard
- arguments are color, horizontal offset, vertical offset, and blur
-
-//**
- These defaults make the arguments optional for this mixin
- If you like, set different defaults in your project
-
-!default_box_shadow_color ||= #333
-!default_box_shadow_h_offset ||= 1px
-!default_box_shadow_v_offset ||= 1px
-!default_box_shadow_blur ||= 5px
-
-=box-shadow(!color = !default_box_shadow_color, !hoff = !default_box_shadow_h_offset, !voff = !default_box_shadow_v_offset, !blur = !default_box_shadow_blur)
- /* Webkit (Safari, Chrome) */
- -webkit-box-shadow= !color !hoff !voff !blur
- /* Gecko (Firefox, Camino) */
- -moz-box-shadow= !color !hoff !voff !blur
- /* CSS3 */
- box-shadow= !color !hoff !voff !blur
View
13 src/stylesheets/library/css3/_box_sizing.sass
@@ -1,13 +0,0 @@
-//**
- Change the box model for Mozilla, Webkit, IE8 and the future
- @param !bs
- [ content-box | border-box ]
-=box-sizing(!bs)
- /* Mozilla (FireFox, Camino)
- -moz-box-sizing= !bs
- /* Webkit (Safari, Chrome)
- -webkit-box-sizing= !bs
- /* IE (8)
- -ms-box-sizing= !bs
- /* CSS3
- box-sizing= !bs
View
37 src/stylesheets/library/css3/_columns.sass
@@ -1,37 +0,0 @@
-//**
- CSS3 columns for Mozilla, Webkit and the Future
-
-=column-count(!n)
- -moz-column-count= !n
- -webkit-column-count= !n
- column-count= !n
-
-=column-gap(!u)
- -moz-column-gap= !u
- -webkit-column-gap= !u
- column-gap= !u
-
-=column-width(!u)
- -moz-column-width= !u
- -webkit-column-width= !u
- column-width= !u
-
-=column-rule-width(!w)
- -moz-column-rule-width= !w
- -webkit-column-rule-width= !w
- column-rule-width= !w
-
-=column-rule-style(!s)
- -moz-column-rule-style= !s
- -webkit-column-rule-style= !s
- column-rule-style= !s
-
-=column-rule-color(!c)
- -moz-column-rule-color= !c
- -webkit-column-rule-color= !c
- column-rule-color= !c
-
-=column-rule(!w, !s = "solid", !c = " ")
- +column-rule-width(!w)
- +column-rule-style(!s)
- +column-rule-color(!c)
View
31 src/stylesheets/library/css3/_font_face.sass
@@ -1,31 +0,0 @@
-// @Font-Face
-// Cross-browser support for @font-face
-// - !name is required, arbitrary, and what you will use in font stacks.
-// - !font_files is required using font_files('relative_location', 'format').
-// - for best results use this order: woff, opentype/truetype, svg
-// - !eot is required by IE, and is a relative location of the eot file.
-// - postscript name is required by some browsers to look for local fonts.
-=font-face( !name, !font_files, !eot = false, !postscript = false, !style = false)
- @font-face
- font-family: '#{!name}'
- @if !style
- font-style= !style
- @if !eot
- src= stylesheet_url(!eot)
- @if !postscript
- src: local('#{!name}'), local('#{!postscript}'), #{!font_files}
- @else
- src: local('#{!name}'), #{!font_files}
-
-// EXAMPLE
- +font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "fonts/this.eot", "thisname")
-
- will generate:
-
- @font-face {
- font-family: 'this name';
- src: url('fonts/this.eot');
- src: local('this name'), local('thisname'),
- url('this.otf') format('woff'),
- url('this.woff') format('opentype');
- }
View
40 src/stylesheets/library/css3/_gradient.sass
@@ -1,40 +0,0 @@
-=gradient(!type, !coords, !color_start, !color_end, !color_stop = false)
- !gradient= "#{!coords}, from(#{!color_start}), to(#{!color_end})"
- @if !color_stop
- !gradient= !gradient + ", " + !color_stop
- background: -webkit-gradient(#{!type}, #{!gradient})
- background: -moz-#{!type}-gradient(#{!gradient})
-
-//*
- // This will yeild a radial gradient with an apparent specular highlight
- +radial-gradient("45 45, 10, 52 50, 30", Cyan, DodgerBlue)
-
-=radial-gradient(!coords, !color1, !color2, !color_stop = false)
- +gradient("radial", !coords, !color1, !color2, !color_stop)
-
-//*
- // This yields a linear gradient spanning from !start to !end coordinates
- +linear-gradient("left top", "left bottom", #fff, #ddd)
-
-=linear-gradient(!start, !end, !color1, !color2, !color_stop = false)
- !coords = !start + ", " + !end
- +gradient("linear", !coords, !color1, !color2, !color_stop)
-
-//*
- // This yields a gradient starting at the top with #fff, ending in #aaa
- +v-gradient(#fff, #aaa)
- // Same as above but with a #ccc at the halfway point
- +v-gradient(#fff, #aaa, color_stop(50%, #ccc))
- // Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
- +v-gradient(#fff, #aaa, color_stop(30%, #ccc, 70%, #bbb))
-
-=v-gradient(!color1, !color2, !color_stop = false)
- +linear-gradient("left top", "left bottom", !color1, !color2, !color_stop)
-
-//*
- // This yields a horizontal linear gradient spanning from left to right
- // It can be used just like v-gradient above
- h-gradient(#fff, #ddd)
-
-=h-gradient(!color1, !color2, !color_stop = false)
- +linear-gradient("left top", "right top", !color1, !color2, !color_stop)
View
7 src/stylesheets/library/css3/_inline_block.sass
@@ -1,7 +0,0 @@
-=inline-block
- display: -moz-inline-box
- -moz-box-orient: vertical
- display: inline-block
- vertical-align: middle
- #display: inline
- #vertical-align: auto
View
18 src/stylesheets/library/css3/_opacity.sass
@@ -1,18 +0,0 @@
-//**
- Provides cross-browser css opacity.
- @param !opacity
- A number between 0 and 1, where 0 is transparent and 1 is opaque.
-=opacity(!opacity)
- opacity= !opacity
- -moz-opacity= !opacity
- -khtml-opacity= !opacity
- -ms-filter= "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round(!opacity*100) + ")"
- filter= "alpha(opacity=" + round(!opacity*100) + ")"
-
-// Make an element completely transparent.
-=transparent
- +opacity(0)
-
-// Make an element completely opaque.
-=opaque
- +opacity(1)
View
15 src/stylesheets/library/css3/_text_shadow.sass
@@ -1,15 +0,0 @@
-//**
- Provides css text shadows
- arguments are color, horizontal offset, vertical offset, and blur
-
-//**
- These defaults make the arguments optional for this mixin
- If you like, set different defaults in your project
-
-!default_text_shadow_color ||= #aaa
-!default_text_shadow_h_offset ||= 1px
-!default_text_shadow_v_offset ||= 1px
-!default_text_shadow_blur ||= 1px
-
-=text-shadow(!color = !default_text_shadow_color, !hoff = !default_text_shadow_h_offset, !voff = !default_text_shadow_v_offset, !blur = !default_text_shadow_blur)
- text-shadow= !color !hoff !voff !blur
View
62 src/stylesheets/library/css3/_transform.sass
@@ -1,62 +0,0 @@
-// CSS Transform and Transform-Origin
-
-// Apply a transform sent as a complete string
-=apply-transform(!transform = false)
- transform= !transform
- -webkit-transform= !transform
- -moz-transform= !transform
-
-// Apply a transform-origin sent as a complete string
-=apply-origin(!origin = false)
- transform-origin= !origin
- -webkit-transform-origin= !origin
- -moz-transform-origin= !origin
-
-// transform-origin requires x and y coordinates
-// - only applies the coordinates if they are there
-// so that it can be called by scale, rotate and skew safely
-=transform-origin(!originx = 50%, !originy = 50%)
- !origin = false
- @if !originx and !originy
- !origin = "#{!originx} #{!originy}"
- @else if !originx
- !origin = "#{!originx}"
- @else if !originy
- !origin = "#{!originy}"
- @if !origin
- +apply-origin(!origin)
-
-// A full transform mixin with everything you could want
-// - including origin adjustments if you want them
-// - scale, rotate and skew don't require units
-// scale takes a multiplier, rotate and skew take degrees
-=transform(!scale = 1, !rotate = 0, !transx = 0, !transy = 0, !skewx = 0, !skewy = 0, !originx = false, !originy = false)
- !transform = "scale(#{!scale}) rotate(#{!rotate}deg) translate(#{!transx}, #{!transy}) skew(#{!skewx}deg, #{!skewy}deg)"
- +apply-transform(!transform)
- +transform-origin(!originx, !originy)
-
-// Transform Partials
-// These work well on their own, but they don't add to each other, they override
-// Use them with extra origin args, or along side +transform-origin
-
-// adjust only the scale
-// - with optional origin coordinates
-=scale(!scale = 1.25, !originx = false, !originy = false)
- +apply-transform("scale(#{!scale})")
- +transform-origin(!originx, !originy)
-
-// adjust only the rotation
-// - with optional origin coordinates
-=rotate(!rotate = 45, !originx = false, !originy = false)
- +apply-transform("rotate(#{!rotate}deg)")
- +transform-origin(!originx, !originy)
-
-// adjust only the translation
-=translate(!transx = 0, !transy = 0)
- +apply-transform("translate(#{!transx}, #{!transy})")
-
-// adjust only the skew
-// - with optional origin coordinates
-=skew(!skewx = 0, !skewy = 0, !originx = false, !originy = false)
- +apply-transform("skew(#{!skewx}deg, #{!skewy}deg)")
- +transform-origin(!originx, !originy)
View
57 src/stylesheets/library/css3/_transition.sass
@@ -1,57 +0,0 @@
-// CSS Transitions
-// Currently only works in Webkit
-// - expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
-// - we'll be prepared.
-
-// Override these defaults with your own, if you like
-// - timing-function and delay are set to false for browser defaults (ease, 0s)
-!default_transition_property ||= "all"
-!default_transition_duration ||= 1s
-!default_transition_function ||= false
-!default_transition_delay ||= false
-
-// One or more properties to transition
-// - for multiple, use a comma-delimited list
-// - also accepts "all" or "none"
-=transition-property(!properties = !default_transition_property)
- transition-property = !properties
- -webkit-transition-property = !properties
- -moz-transition-property = !properties
- -o-transition-property = !properties
-
-// One or more durrations in seconds
-// - for multiple, use a comma-delimited list
-// - these durrations will effect the properties in the same list position
-=transition-duration(!duration = !default_transition_duration)
- transition-duration = !duration
- -webkit-transition-duration = !duration
- -moz-transition-duration = !duration
- -o-transition-duration = !duration
-
-// One or more timing functions
-// - [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
-// - for multiple, use a comma-delimited list
-// - these functions will effect the properties in the same list position
-=transition-timing-function(!function = !default_transition_function)
- transition-timing-function = !function
- -webkit-transition-timing-function = !function
- -moz-transition-timing-function = !function
- -o-transition-timing-function = !function
-
-// One or more transition-delays in seconds
-// - for multiple, use a comma-delimited list
-// - these delays will effect the properties in the same list position
-=transition-delay(!delay = !default_transition_delay)
- transition-delay = !delay
- -webkit-transition-delay = !delay
- -moz-transition-delay = !delay
- -o-transition-delay = !delay
-
-// Transition all-in-one shorthand
-=transition(!properties = !default_transition_property, !duration = !default_transition_duration, !function = !default_transition_function, !delay = !default_transition_delay)
- +transition-property(!properties)
- +transition-duration(!duration)
- @if !function
- +transition-timing-function(!function)
- @if !delay
- +transition-delay(!delay)
View
26 src/stylesheets/screen.sass
@@ -1,19 +1,19 @@
@import base
body
- padding: 20px
+ font: bold 60px helvetica, arial, sans-serif
+ padding-left: 50px
+ text-align: center
h1
- font-size: 18px
- font-weight: bold
- margin-bottom: 20px
+ margin-top: 70px
+ margin-bottom: 40px
+
p
- margin-bottom: 10px
- code
- background: #f8f8ff
- border: 1px solid #cacaca
- color: #333
- font:
- family: Monaco, "Courier New"
- size: 13px
- padding: 1px 2px
+ font-size: 24px
+
+a
+ color: #888
+ text-decoration: none
+ &:hover
+ text-decoration: underline
Please sign in to comment.
Something went wrong with that request. Please try again.