sass-capucine 0.0.1

data/README.rdoc

@@ -0,0 +1,19 @@
+= Epycea Lib for Compass
+
+Epycea is Compass plugin
+
+== Installation
+
+Install it from rubygems :
+    
+    gem install compass-epycea
+
+Add this to config.rb :
+    
+    require 'compass-epycea'
+
+== Usage
+
+You now have access to all Epycea helpers in your Compass project
+
+

data/lib/sass-capucine.rb

@@ -0,0 +1,5 @@
+require 'compass'
+
+name = 'sass-capucine'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register(name, :path => extension_path)

data/stylesheets/_sass-capucine.sass

@@ -0,0 +1,6 @@
+
+@import "sass-capucine/basic-reset"
+@import "sass-capucine/input-reset"
+@import "sass-capucine/box"
+@import "sass-capucine/shortcuts"
+@import "sass-capucine/helpers"

data/stylesheets/sass-capucine/_basic-reset.sass

@@ -0,0 +1,184 @@
+// Based on HTML5 BOILERPLATE
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, 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-weight: normal
+  font-style: normal
+  font-family: inherit
+  line-height: 1
+  vertical-align: baseline
+  background: transparent
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, hr
+  display: block
+
+audio, canvas, video
+  display: inline-block
+  *display: inline
+  *zoom: 1
+
+audio:not([controls]), [hidden]
+  display: none
+
+svg:not(:root)
+  overflow: hidden
+
+html
+  overflow-y: scroll
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+
+body
+  line-height: 1
+  font-size: 1em
+  -webkit-text-size-adjust: 100%
+
+  -moz-font-smoothing: antialiased
+  -o-font-smoothing: antialiased
+  -webkit-font-smoothing: antialiased
+  font-smoothing: always
+  // NOT antialiased but always http://www.w3.org/TR/WD-font/#font-smooth-prop
+
+i
+  font-style: italic
+
+strong, b
+  font-weight: bold
+  
+h1, h2, h3, h4, h5, h6, p, a, i, th, td
+  font-weight: normal
+  font-size: 100%
+
+blockquote, q
+  quotes: none
+
+blockquote, q
+  &:before, &:after
+    content: ""
+    content: none
+
+ins, a, a:hover, a:active
+  text-decoration: none
+
+del
+  text-decoration: line-through
+
+abbr[title], dfn[title]
+  border: 0
+  cursor: help
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+figure
+  margin: 0
+
+pre, code, kbd, samp
+  font-family: monospace, sans-serif
+  font-family: 'courier new', monospace
+  font-size: 1em
+
+a
+  &, &:hover, &:active
+    outline: none
+
+ul, li, ol
+  list-style: none
+  list-style-image: none
+
+small
+  font-size: 0.85em
+
+strong, th, b
+  font-weight: bold
+
+td, th
+  vertical-align: top
+  text-align: left
+
+sub, sup
+  font-size: 0.75em
+  line-height: 0
+  position: relative
+
+sub
+  bottom: -0.25em
+  
+sup
+  top: -0.5em
+
+img
+  border: 0
+  -ms-interpolation-mode: bicubic
+
+pre
+  white-space: pre
+  white-space: pre-wrap
+  word-wrap: break-word
+
+address
+  font-style: normal
+
+// ----------------------------
+// Inputs :
+
+button, input
+  // line-height: normal
+  line-height: 1
+  *overflow: visible
+
+input, select
+  vertical-align: middle
+
+input
+  &[type="button"], &[type="submit"], &[type="image"], &[type="reset"], button
+    cursor: pointer
+
+input[type="search"]::-webkit-search-decoration
+  -webkit-appearance: none
+
+input[type="search"]
+  -webkit-appearance: textfield
+  -webkit-box-sizing: content-box
+  -moz-box-sizing: content-box
+  box-sizing: content-box
+
+// Chrome blue glow :
+select, option, input, textarea, button
+  outline: none
+  font: inherit
+  font-size: 0.99em
+
+textarea
+  vertical-align: top
+  overflow: auto
+  resize: none
+
+input
+  &[type="radio"]
+    vertical-align: text-bottom
+  &[type="checkbox"]
+    vertical-align: bottom
+
+
+// Firefox bug
+caption
+  text-align: left
+
+// ----------[ IE WORLD ]-------------------
+.ie6 hr, .ie7 hr
+  margin-top: -0.5em
+
+.ie6 legend, .ie7 legend
+  margin-left: -7px
+
+.ie7 input[type="checkbox"]
+  vertical-align: baseline
+
+.ie6 input
+  vertical-align: text-bottom
+

data/stylesheets/sass-capucine/_box.sass

@@ -0,0 +1,50 @@
+/*
+  +box
+  +circle
+  +square
+  +centerX
+  +centerXY
+  +min-max-width
+  +max-width
+
+@import "compass/css3/border-radius"
+@import "compass/utilities/general/min"
+
+=box($width: 100px, $height: 50px, $display: block)
+  display: $display
+  height: $height
+  width: $width
+
+=circle($diam: 100px)
+  width: $diam
+  height: $diam
+  $rad: $diam
+  +border-radius($rad)
+
+=square($size: 200px, $display: block)
+  width: $size
+  height: $size
+  display: $display
+
+=centerX()
+  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
+
+=min-max-width($min: 400px, $max: 960px)
+  +min-width($min)
+  +max-width($max)
+
+=max-width($max: 1100px)
+  max-width: $max
+  width: expression(document.body.clientWidth > parseInt("#{round($max)}") ? "#{$max}" : "auto")
+

data/stylesheets/sass-capucine/_helpers.sass

@@ -0,0 +1,91 @@
+/*
+  +unselectable
+  +hidden
+  +visually-hidden
+  +invisible
+  +clear-both
+  +image-replace
+  +scale
+
+
+=unselectable()
+  -moz-user-select: -moz-none
+  -khtml-user-select: none
+  -webkit-user-select: none
+  user-select: none
+
+=hidden()
+  display: none
+  visibility: hidden
+  overflow: hidden
+
+=visually-hidden()
+  border: 0
+  padding: 0
+  clip: rect(0 0 0 0)
+  height: 1px
+  width: 1px
+  margin: -1px
+  overflow: hidden
+  position: absolute
+  &.focusable
+    &:active, &:focus
+      clip: auto
+      height: auto
+      padding: 0
+      margin: 0
+      overflow: visible
+      position: static
+      width: auto
+
+=invisible()
+  visibility: hidden
+
+=clear-both()
+  clear: both
+  display: block
+  zoom: 1
+  &:before, &:after
+    content: "\0020"
+    display: block
+    height: 0
+    overflow: hidden
+  &:after
+    clear: both
+
+=image-replace()
+  text-indent: -999em
+  overflow: hidden
+  background-repeat: no-repeat
+  text-align: left
+  direction: ltr
+
+=scale()
+  max-width: 100%
+  height: auto
+
+$sass-capucine-helpers-classes: true !default
+
+@if $sass-capucine-helpers-classes == true
+
+  .unselectable
+    +unselectable
+
+  .hidden
+    +hidden
+
+  .visually-hidden
+    +visually-hidden
+
+  .invisible
+    +invisible
+
+  .cb
+    +clear-both
+
+  .ir
+    +image-replace
+
+  .scale
+    +scale
+

data/stylesheets/sass-capucine/_input-reset.sass

@@ -0,0 +1,5 @@
+
+input, textarea  
+  padding: 0
+  border: 1px solid #A9A9A9
+  

data/stylesheets/sass-capucine/_moz-reset.scss

@@ -0,0 +1,47 @@
+input { 
+
+    // -moz-appearance: textfield;
+    // -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
+    // -moz-border-bottom-colors: none;
+    // -moz-border-image: none;
+    // -moz-border-left-colors: none;
+    // -moz-border-right-colors: none;
+    // -moz-border-top-colors: none;
+    // 
+    // 
+    // -moz-font-feature-settings: -moz-use-system-font;
+    // -moz-font-language-override: -moz-use-system-font;
+    // -moz-user-select: text;
+    // 
+    // border-bottom-color: threedface;
+    // border-bottom-style: inset;
+    // border-bottom-width: 2px;
+    // border-left-color-ltr-source: physical;
+    // border-left-color-rtl-source: physical;
+    // border-left-color-value: threedface;
+    // border-left-style-ltr-source: physical;
+    // border-left-style-rtl-source: physical;
+    // border-left-style-value: inset;
+    // border-left-width-ltr-source: physical;
+    // border-left-width-rtl-source: physical;
+    // border-left-width-value: 20px;
+    // border-right-color-ltr-source: physical;
+    // border-right-color-rtl-source: physical;
+    // border-right-color-value: threedface;
+    // border-right-style-ltr-source: physical;
+    // border-right-style-rtl-source: physical;
+    // border-right-style-value: inset;
+    // border-right-width-ltr-source: physical;
+    // border-right-width-rtl-source: physical;
+    // border-right-width-value: 2px;
+    // border-top-color: threedface;
+    // border-top-style: inset;
+    // border-top-width: 2px;
+
+    border: 1px solid #A9A9A9;
+      
+    // border:
+    
+    
+
+    }

data/stylesheets/sass-capucine/_shortcuts.sass

@@ -0,0 +1,46 @@
+/*
+  +relative
+  +absolute
+  +fixed
+  +static
+  +bg-image
+  +selection
+  +pressed-effect
+  +vertical-gradient
+
+@import "compass/css3/gradient"
+
+=relative()
+  position: relative
+
+=absolute()
+  position: absolute
+
+=fixed()
+  position: fixed
+
+=static()
+  position: static
+
+=bg-image($img: '', $x: center, $y: top)
+  background: transparent url("#{$img}") no-repeat $x $y
+
+=selection($background: #111, $color: #fff)
+  ::-moz-selection
+    background: $background
+    color: $color
+
+  ::selection
+    background: $background
+    color: $color
+
+=pressed-effect($top: 1px)
+  &:active
+    position: relative
+    top: $top
+
+=vertical-gradient($top: #222, $bottom: #777)
+  +linear-gradient(color-stops($top, $bottom))
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#{$top}, endColorStr=#{$bottom}, GradientType=0)
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$top}, endColorstr=#{$bottom}, GradientType=0)"
+

metadata

@@ -0,0 +1,65 @@
+--- !ruby/object:Gem::Specification
+name: sass-capucine
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Damian Le Nouaille
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-11-15 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: &70101807319980 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70101807319980
+description: Compass plugin
+email: dam@dln.name
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.rdoc
+- lib/sass-capucine.rb
+- stylesheets/_sass-capucine.sass
+- stylesheets/sass-capucine/_basic-reset.sass
+- stylesheets/sass-capucine/_box.sass
+- stylesheets/sass-capucine/_helpers.sass
+- stylesheets/sass-capucine/_input-reset.sass
+- stylesheets/sass-capucine/_moz-reset.scss
+- stylesheets/sass-capucine/_shortcuts.sass
+- templates/project/manifest.rb
+homepage: http://dln.name
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.10
+signing_key: 
+specification_version: 3
+summary: .
+test_files: []