epyce 0.5.0 → 0.6.0

data/README.md

@@ -1,20 +1,20 @@
 Epyce
 =====
 
-HTML Epyce is a A rails layout including skeleton, HTML5S and knockout.js
+HTML Epyce is a a rails layout including skeleton, HTML5S and knockout.js
 
 * skeleton (http://www.getskeleton.com/)
   support png background for old IE
-* part of Damian Le Nouaille HTML5S project (https://github.com/damln/Html5S) which take parts of html5 boilerplate (http://html5boilerplate.com)
-* depends on html gem
+* part of Damian Le Nouaille HTML5S project (https://github.com/damln/Html5S) which itself take parts of html5 boilerplate (http://html5boilerplate.com)
+* depends on haml gem (http://haml-lang.com/)
 
-Provide a  `application.html.haml` layout and some usefull files in the public directory such as default icons.
+Provide a `application.html.haml` layout and some useful files in the public directory such as default icons.
 
 Epyce include libs in debug mode when running in development environment and with minimal version of libs otherwise.
 
 Provided libs are :
 
-* knockout.js (http://knockoutjs.com)}
+* knockout.js (http://knockoutjs.com)
   Model-View-ViewModel pattern implementation
 * head.js (http://headjs.com/)
   html reset and javascript load/run management
@@ -26,7 +26,8 @@ Rails Installation
 
 First, make sure the following gems are in your Gemfile
 
-    gem "epyce"
+    gem "epyce", "~> 0.6.0"
+    gem "haml"
 
 Then run the following
 
@@ -48,11 +49,6 @@ Then run the following
     public/crossdomain.xml
     public/favicon.png
 
-Documentation
-=============
-
-(sorry nothing here yet)
-
 License
 =======
 [http://creativecommons.org/licenses/by/3.0](http://creativecommons.org/licenses/by/3.0)

data/VERSION

@@ -1 +1 @@
-0.1.0
+0.6.0

data/epyce.gemspec

@@ -4,7 +4,7 @@ require "epyce/version"
 
 Gem::Specification.new do |s|
   s.version = Epyce::VERSION
-  s.date = "2011-07-22"
+  s.date = Epyce::VERSION_DATE
   s.platform    = Gem::Platform::RUBY
   
   s.name = "epyce"

data/lib/epyce/version.rb

@@ -1,5 +1,6 @@
 module Epyce
-  VERSION = "0.5.0"
+  VERSION = "0.6.0"
+  VERSION_DATE = "2011-07-25"
   SKELETON_VERSION = "1.0.3"
   KNOCKOUT_VERSION = "1.2.1"
 end

data/lib/generators/epyce/template/app/views/layouts/application.html.haml

@@ -34,8 +34,12 @@
     = stylesheet_link_tag 'application', :media => 'all'
     = javascript_include_tag 'application'
 
-    - # use asset manager to include html-epyce. see vendor/assets
+    - # use asset manager to include epyce. see vendor/assets
     = stylesheet_link_tag 'epyce', :media => 'all'
+    <!--[if IE]>
+    = stylesheet_link_tag 'epyce/ie', :media => 'all'
+    <![endif]-->
+
     - if Rails.env.development?
       = javascript_include_tag 'epyce-debug'
     - else

data/vendor/assets/stylesheets/epyce.css.sass

@@ -1,4 +1,10 @@
 //# include all files in htm5-epyce folder
+
+// # ftom HTML5S
+// = require ./epyce/reset.css
+// = require ./epyce/screen.css
+// = require ./epyce/print.css
+// = require ./epyce/mobile.css
+
 // = require_tree ./skeleton
-// = require_tree ./epyce
 

data/vendor/assets/stylesheets/epyce/ie.css

@@ -0,0 +1 @@
+.ie6 .container{width:expression(document.body.clientWidth < 600 ? "600px" : document.body.clientWidth > 1000 ? "1000px" : "auto")}hr{margin-top:-0.5em}

data/vendor/assets/stylesheets/epyce/mobile.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 767px){html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}body *{width:auto !important;margin:auto !important;padding:auto !important}textarea,table,td,th,code,pre,samp{word-wrap:break-word}code,pre,samp{white-space:pre-line}img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video{max-width:100% !important}}

data/vendor/assets/stylesheets/epyce/print.css

@@ -0,0 +1 @@
+*{background:transparent !important;color:#000 !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a{color:#444 !important;text-decoration:underline}a:visited{color:#444 !important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}

data/vendor/assets/stylesheets/epyce/reset.css

@@ -0,0 +1 @@
+html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}ins{text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border:0;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;background:none;height:0px;border:0;margin:0;padding:0}input,select{vertical-align:middle}select,input,textarea,button{font-size:99%}pre,code,kbd,samp{font-family:monospace,sans-serif}a:hover,a:active{outline:none}ol{list-style-type:decimal}ul,li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}td,th{vertical-align:top;text-align:left}sub{font-size:75%;line-height:0;position:relative}sup{font-size:75%;line-height:0;position:relative;top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}address{font-style:normal}textarea{overflow:auto;resize:none}select,option,input,textarea,select:focus{outline:none;font-size:1em}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}label{cursor:text}input[type="button"],input[type="submit"],input[type="image"],input[type="reset"]{cursor:pointer}button{cursor:pointer}input,button,textarea{padding:0;border:0;margin:0;background:transparent;font:inherit}caption{text-align:left}h1,h2,h3,h4,h5,h6,strong,th{font-weight:normal;font-size:1em}button{width:auto;cursor:pointer;overflow:visible}.ie6 legend,.ie7 legend{margin-left:-7px}.ie7 img{-ms-interpolation-mode:bicubic}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.cf{clear:both;zoom:1}.cf:before{content:"\0020";display:block;height:0;overflow:hidden}.cf:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both}body{font:normal 13px "Lucida Grande","Tahoma",sans-serif;*font-size:13px;-webkit-font-smoothing:antialiased}body,select,input,textarea,button{color:#303030}select,input,textarea,button{font:99%}b{font-weight:bold}ins,a,a:hover,a:active{text-decoration:none}a,a:active{color:#636363;font-weight:inherit}a:hover{color:#000}a:link{-webkit-tap-highlight-color:#303030}td,th{border:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Georgia","Times New Roman",serif;font-weight:normal;line-height:1.3em}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}p{line-height:1.618em}h1{font-size:2.6em;margin:14px 0}h2{font-size:2.2em;margin:10px 0}h3{font-size:1.8em;margin:6px 0}h4{font-size:1.4em;margin:4px 0}h5{font-size:1.1em}ul,ol{margin:20px}ol{list-style:decimal}li{margin-bottom:6px;list-style:square outside}blockquote{color:#636363;font-size:1.2em;line-height:1.3em;font-style:italic;margin:14px 0;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote p{font-size:inherit;line-height:inherit;color:inherit;font-style:inherit}blockquote cite{display:block;font-size:0.9em;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a{color:#555}blockquote cite a:visited{color:#555}input[type='text'],input[type='checkbox'],input[type='radio'],input.type_text,input.type_checkbox,input.type_radio{background:none}input[type='checkbox'],input[type='radio'],input.type_checkbox,input.type_radio{border:0}img.scale{max-width:100%;height:auto}hr{height:1px;padding:0;margin:10px 0;color:#c4c4c4;background-color:#c4c4c4;border:0}input[type='text'],input[type='password'],.type_text,.type_password{color:#444;border:1px solid #ccc;padding:2px;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}input[type='text']:focus,input[type='password']:focus,.type_text:focus,.type_password:focus{color:inherit;border:1px solid #aaa;-moz-box-shadow:#eeeeee 1px 1px 0;-webkit-box-shadow:#eeeeee 1px 1px 0;-o-box-shadow:#eeeeee 1px 1px 0;box-shadow:#eeeeee 1px 1px 0}a.button,button,input[type='submit'],input[type='reset'],input[type='button'],.type_submit,.type_reset,.type_button{color:#444;border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:2px 5px;display:inline-block;font-size:0.85em;cursor:pointer;margin-bottom:16px;line-height:15px;background:#eee;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;text-shadow:rgba(255, 255, 255, 0.75) 0 1px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #f7f7f7,#dddddd);background-image:-moz-linear-gradient(top, #f7f7f7,#dddddd);background-image:-o-linear-gradient(top, #f7f7f7,#dddddd);background-image:linear-gradient(top, #f7f7f7,#dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7f7f7, endColorStr=#ddd, GradientType=1);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#ddd, GradientType=1)"}a.button:hover,button:hover,input[type='submit']:hover,input[type='reset']:hover,input[type='button']:hover,.type_submit:hover,.type_reset:hover,.type_button:hover{color:#fcfcfc;background:#5499d8;padding:2px 5px;border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa;text-shadow:none;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5499d8), color-stop(100%, #2d7dc5));background-image:-webkit-linear-gradient(top, #5499d8,#2d7dc5);background-image:-moz-linear-gradient(top, #5499d8,#2d7dc5);background-image:-o-linear-gradient(top, #5499d8,#2d7dc5);background-image:linear-gradient(top, #5499d8,#2d7dc5);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#5499d8, endColorStr=#2d7dc5, GradientType=1);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#5499d8, endColorstr=#2d7dc5, GradientType=1)"}a.button:active,button:active,input[type='submit']:active,input[type='reset']:active,input[type='button']:active,.type_submit:active,.type_reset:active,.type_button:active{color:#fff;background:#2d7dc5;padding:2px 5px;border:1px solid #888;border-bottom:1px solid #aaa;border-right:1px solid #aaa;text-shadow:none;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2d7dc5), color-stop(100%, #5499d8));background-image:-webkit-linear-gradient(top, #2d7dc5,#5499d8);background-image:-moz-linear-gradient(top, #2d7dc5,#5499d8);background-image:-o-linear-gradient(top, #2d7dc5,#5499d8);background-image:linear-gradient(top, #2d7dc5,#5499d8);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2d7dc5, endColorStr=#5499d8, GradientType=1);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#2d7dc5, endColorstr=#5499d8, GradientType=1)";position:relative;top:1px}textarea,textarea:hover,textarea:focus,textarea:active{background:#fff;border:1px solid #e5e5e5}textarea,select{color:inherit;border:1px solid #ccc;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}textarea:focus,select:focus{border:1px solid #aaa;-moz-box-shadow:#eeeeee 2px 2px 0;-webkit-box-shadow:#eeeeee 2px 2px 0;-o-box-shadow:#eeeeee 2px 2px 0;box-shadow:#eeeeee 2px 2px 0}textarea{padding:6px 4px}::-moz-selection{background:#2d7dc5;color:#fff;text-shadow:none}::selection{background:#0bf;color:#fff;text-shadow:none}

data/vendor/assets/stylesheets/epyce/screen.css

@@ -0,0 +1 @@
+.container{display:block;margin:0 auto;text-align:left}#page_wrap{display:block;margin:0 auto;text-align:left;width:960px}.no-js body{background:#8a2828}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: epyce
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.6.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,12 +9,12 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-07-22 00:00:00.000000000 +02:00
+date: 2011-07-25 00:00:00.000000000 +02:00
 default_executable: 
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &70339318617060 !ruby/object:Gem::Requirement
+  requirement: &70269122412660 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -22,10 +22,10 @@ dependencies:
         version: 3.1.0.rc1
   type: :runtime
   prerelease: false
-  version_requirements: *70339318617060
+  version_requirements: *70269122412660
 - !ruby/object:Gem::Dependency
   name: haml
-  requirement: &70339318616640 !ruby/object:Gem::Requirement
+  requirement: &70269122474660 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -33,7 +33,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70339318616640
+  version_requirements: *70269122474660
 description: define a new layout and change asset manager defaults to get advantage
   of skeleton (http://www.getskeleton.com/),Damian Le Nouaille HTML5S (https://github.com/damln/Html5S)
   and knockout (http://knockoutjs.com)
@@ -47,9 +47,6 @@ files:
 - README.md
 - Rakefile
 - VERSION
-- app/assets/stylesheets/html5S-libs/_core.sass
-- app/assets/stylesheets/html5S-libs/_normal.sass
-- app/assets/stylesheets/html5S-libs/_reset.sass
 - epyce.gemspec
 - lib/epyce.rb
 - lib/epyce/railtie.rb
@@ -80,6 +77,11 @@ files:
 - vendor/assets/javascripts/epyce/underscore-min.js
 - vendor/assets/stylesheets/epyce.css.sass
 - vendor/assets/stylesheets/epyce/.gitkeep
+- vendor/assets/stylesheets/epyce/ie.css
+- vendor/assets/stylesheets/epyce/mobile.css
+- vendor/assets/stylesheets/epyce/print.css
+- vendor/assets/stylesheets/epyce/reset.css
+- vendor/assets/stylesheets/epyce/screen.css
 - vendor/assets/stylesheets/skeleton/base.css
 - vendor/assets/stylesheets/skeleton/layout.css
 - vendor/assets/stylesheets/skeleton/skeleton.css

data/app/assets/stylesheets/html5S-libs/_core.sass

@@ -1,40 +0,0 @@
-/*
-  Author: Damian le Nouaille 
-  URL:    www.dln.name
-
-=circle($diam)
-  display: block
-  width: #{$diam}px
-  height: #{$diam}px
-  $rad: #{$diam/2}
-  +border-radius(#{$rad}px)
-
-=carre($size:200px)
-  display: block
-  width: $size
-  height: $size
-
-=centerX()
-  display: block
-  margin: 0 auto
-  text-align: left
-
-=centerXY($width: 100px,$height: 100px)
-  display: block
-  position: absolute
-  width: $width
-  height: $height
-  top: 50%
-  left: 50%
-  margin-top: -$height/2
-  margin-left: -$width/2
-
-=pressedEffect($top: 1px)
-  position: relative
-  top: #{$top}
-
-=gradient($top: #222, $bottom: #777)
-  +linear-gradient(color-stops($top, $bottom))
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#{$top}, endColorStr=#{$bottom}, GradientType=1)
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$top}, endColorstr=#{$bottom}, GradientType=1)"
-

data/app/assets/stylesheets/html5S-libs/_normal.sass

@@ -1,193 +0,0 @@
-body
-  font: normal 13px "Lucida Grande", "Tahoma", sans-serif
-  *font-size: 13px
-  -webkit-font-smoothing: antialiased
-
-body, select, input, textarea, button
-  color: #303030
-
-select, input, textarea, button
-  font: 99%
-b
-  font-weight: bold
-  
-ins, a, a:hover, a:active
-  text-decoration: none
-
-a, a:active
-  color: #636363
-  font-weight: inherit
-
-a:hover
-  color: #000
-
-a:link
-  -webkit-tap-highlight-color: #303030
-
-td, th
-  border: 1px solid #e5e5e5
-
-h1, h2, h3, h4, h5, h6
-  color: #181818
-  font-family: "Georgia", "Times New Roman", serif
-  font-weight: normal
-  line-height: 1.3em
-
-h1, h2, h3, h4, h5, h6, p
-  text-rendering: optimizeLegibility
-
-p
-  line-height: 1.618em
-
-h1
-  font-size: 2.6em
-  margin: 14px 0
-
-h2
-  font-size: 2.2em
-  margin: 10px 0
-
-h3
-  font-size: 1.8em
-  margin: 6px 0
-
-h4
-  font-size: 1.4em
-  margin: 4px 0
-
-h5
-  font-size: 1.1em
-
-ul, ol
-  margin: 20px
-
-ol
-  list-style: decimal
-
-li
-  margin-bottom: 6px
-  list-style: square outside
-
-blockquote
-  color: #636363
-  font-size: 1.2em
-  line-height: 1.3em
-  font-style: italic
-  margin: 14px 0
-  padding: 9px 20px 0 19px
-  border-left: 1px solid #ddd
-  p
-    font-size: inherit
-    line-height: inherit
-    color: inherit
-    font-style: inherit
-  cite
-    display: block
-    font-size: 0.9em
-    color: #555
-    &:before
-      content: "\2014 \0020"
-    a
-      color: #555
-      &:visited
-        color: #555
-
-input
-  &[type='text'], &[type='checkbox'], &[type='radio'], &.type_text, &.type_checkbox, &.type_radio
-    background: none
-
-input
-  &[type='checkbox'], &[type='radio'], &.type_checkbox, &.type_radio
-    border: 0
-
-
-img.scale
-  max-width: 100%
-  height: auto
-
-hr
-  height: 1px
-  padding: 0
-  margin: 10px 0
-  color: #c4c4c4
-  background-color: #c4c4c4
-  border: 0
-
-input[type='text'], input[type='password'], .type_text, .type_password
-  color: #444
-  border: 1px solid #ccc
-  padding: 2px
-  background: #fff
-  +border-radius(2px)
-  &:focus
-    color: inherit
-    border: 1px solid #aaa
-    +box-shadow(#eee 1px 1px 0)
-
-a.button, button, input[type='submit'], input[type='reset'], input[type='button'], .type_submit, .type_reset, .type_button
-  color: #444
-  border: 1px solid #aaa
-  border-top: 1px solid #ccc
-  border-left: 1px solid #ccc
-  padding: 2px 5px
-  display: inline-block
-  font-size: 0.85em
-  cursor: pointer
-  margin-bottom: 16px
-  line-height: 15px
-  background: #eee
-  +border-radius(3px)
-  +text-shadow(rgba(255, 255, 255, 0.75) 0 1px)
-  +gradient(#f7f7f7, #dddddd)
-
-  &:hover
-    color: #fcfcfc
-    background: #5499d8
-    padding: 2px 5px
-    border: 1px solid #888
-    border-top: 1px solid #aaa
-    border-left: 1px solid #aaa
-    +text-shadow(none)
-    +gradient(#5499d8, #2d7dc5)
-
-  &:active
-    color: #fff
-    background: #2d7dc5
-    padding: 2px 5px
-    border: 1px solid #888
-    border-bottom: 1px solid #aaa
-    border-right: 1px solid #aaa
-    +text-shadow(none)
-    +gradient(#2d7dc5, #5499d8)
-    +pressedEffect
-
-textarea, textarea:hover, textarea:focus, textarea:active
-  background: #fff
-  border: 1px solid #e5e5e5
-
-textarea, select
-  color: inherit
-  border: 1px solid #ccc
-  width: 210px
-  max-width: 100%
-  display: block
-  margin-bottom: 20px
-  background: #fff
-  +border-radius(2px)
-  &:focus
-    border: 1px solid #aaa
-    +box-shadow(#eee 2px 2px 0)
-
-textarea
-  padding: 6px 4px
-
-\::-moz-selection
-  background: #2d7dc5
-  color: #fff
-  +text-shadow(none)
-
-\::selection
-  background: #00bbff
-  color: #fff
-  +text-shadow(none)
-

data/app/assets/stylesheets/html5S-libs/_reset.sass

@@ -1,217 +0,0 @@
-// HTML5 ✰ BOILERPLATE
-
-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
-  margin: 0
-  padding: 0
-  border: 0
-  font-size: 100%
-  font: inherit
-  vertical-align: baseline
-
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
-  display: block
-
-html
-  overflow-y: scroll
-
-blockquote, q
-  quotes: none
-
-blockquote
-  &:before, &:after
-    content: ""
-    content: none
-
-q
-  &:before, &:after
-    content: ""
-    content: none
-
-ins
-  text-decoration: none
-
-del
-  text-decoration: line-through
-
-abbr[title], dfn[title]
-  border: 0
-  cursor: help
-
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-hr
-  display: block
-  background: none
-  height: 0px
-  border: 0
-  margin: 0
-  padding: 0
-
-input, select
-  vertical-align: middle
-
-select, input, textarea, button
-  font-size: 99%
-
-pre, code, kbd, samp
-  font-family: monospace, sans-serif
-
-a
-  &:hover, &:active
-    outline: none
-
-ol
-  list-style-type: decimal
-
-ul, li
-  margin: 0
-  list-style: none
-  list-style-image: none
-
-small
-  font-size: 85%
-
-strong, th
-  font-weight: bold
-
-td, th
-  vertical-align: top
-  text-align: left
-
-sub
-  font-size: 75%
-  line-height: 0
-  position: relative
-
-sup
-  font-size: 75%
-  line-height: 0
-  position: relative
-  top: -0.5em
-
-sub
-  bottom: -0.25em
-
-pre
-  white-space: pre
-  white-space: pre-wrap
-  word-wrap: break-word
-  padding: 15px
-
-address
-  font-style: normal
-
-textarea
-  overflow: auto
-  resize: none
-
-// Chrome blue glow :
-select, option, input, textarea, select:focus
-  outline: none
-  font-size: 1em
-
-input
-  &[type="radio"]
-    vertical-align: text-bottom
-  &[type="checkbox"]
-    vertical-align: bottom
-
-label
-  cursor: text
-
-input
-  &[type="button"], &[type="submit"], &[type="image"], &[type="reset"]
-    cursor: pointer
-
-button
-  cursor: pointer
-
-input, button, textarea
-  padding: 0
-  border: 0
-  margin: 0
-  background: transparent
-  font: inherit
-
-// Firefox bug
-caption
-  text-align: left
-
-h1, h2, h3, h4, h5, h6, strong, th
-  font-weight: normal
-  font-size: 1em
-
-button
-  width: auto
-  cursor: pointer
-  overflow: visible
-
-// ----------[ IE WORLD ]-------------------
-.ie6 legend, .ie7 legend
-  margin-left: -7px
-
-.ie7 img
-  -ms-interpolation-mode: bicubic
-
-.ie7 input[type="checkbox"]
-  vertical-align: baseline
-
-.ie6 input
-  vertical-align: text-bottom
-
-// ----------[ HELPERS ]-----------
-.unselectable
-  -moz-user-select: -moz-none
-  -khtml-user-select: none
-  -webkit-user-select: none
-  user-select: none
-
-.ir
-  display: block
-  text-indent: -999em
-  overflow: hidden
-  background-repeat: no-repeat
-  text-align: left
-  direction: ltr
-
-.hidden
-  display: none
-  visibility: hidden
-
-.visuallyhidden
-  border: 0
-  clip: rect(0 0 0 0)
-  height: 1px
-  margin: -1px
-  overflow: hidden
-  padding: 0
-  position: absolute
-  width: 1px
-  &.focusable
-    &:active, &:focus
-      clip: auto
-      height: auto
-      margin: 0
-      overflow: visible
-      position: static
-      width: auto
-
-.invisible
-  visibility: hidden
-
-.cf
-  clear: both
-  zoom: 1
-  &:before
-    content: "\0020"
-    display: block
-    height: 0
-    overflow: hidden
-  &:after
-    content: "\0020"
-    display: block
-    height: 0
-    overflow: hidden
-    clear: both