compass_extension 0.1.8 → 0.1.9.beta

data/lib/compass_extension/version.rb

@@ -0,0 +1,3 @@
+module Compass_extension
+  VERSION = "0.1.9.beta"
+end

data/templates/project/files/config.rb

@@ -0,0 +1,47 @@
+# COMPASS
+# ----------------------------------------------
+# Configuration: http://compass-style.org/help/tutorials/configuration-reference/
+#
+# ----------------------------------------------
+# PRODUCTION
+# compass compile -e production -s compressed --no-line-comments --force --trace --time
+#
+
+# Require any additional compass plugins here.
+
+# Can be :stand_alone or :rails. Defaults to :stand_alone
+project_type = :stand_alone
+
+# paths
+# Set this to the root of your project when deployed:
+http_path       = "/"
+css_dir         = "css"
+sass_dir        = "sass"
+images_dir      = "img"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output option: nested, expanded, compact, compressed
+output_style = :expanded
+
+# The environment mode.
+# Defaults to :production, can also be :development
+# Use :development to see line numbers, file names, etc
+#environment = :production
+environment = :development
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+#line_comments = false
+line_comments = true
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+
+# disable the asset cache buster
+asset_cache_buster :none
+
+# 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

data/templates/project/index.html

@@ -12,7 +12,7 @@
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width">
 
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/screen.css">
 
   <script src="js/libs/modernizr-2.5.3.min.js"></script>
 

data/templates/project/manifest.rb

@@ -65,6 +65,7 @@ html 'files/apple-touch-icon-72x72-precomposed.png', :to => 'apple-touch-icon-72
 html 'files/apple-touch-icon-114x114-precomposed.png', :to => 'apple-touch-icon-114x114-precomposed.png'
 html 'files/apple-touch-icon-precomposed.png', :to => 'apple-touch-icon-precomposed.png'
 html 'files/favicon.png', :to => 'favicon.png'
+files 'files/config.rb', :to => 'config.rb'
 
 help %Q{
 This is a Compass extension for Skyron using html5-boilerplate templates
@@ -72,7 +73,7 @@ This is a Compass extension for Skyron using html5-boilerplate templates
 Stand Alone Installation
 ========================
 $ gem install html5-boilerplate
-$ compass create <my_project> -r compass_extension -u compass_extension --javascripts-dir js --css-dir css --images-dir img
+$ compass create <my_project> -r compass_extension -r susy -u compass_extension --javascripts-dir js --css-dir css --images-dir img
 
 }
 

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: compass_extension
 version: !ruby/object:Gem::Version
-  version: 0.1.8
-  prerelease: 
+  version: 0.1.9.beta
+  prerelease: 6
 platform: ruby
 authors:
 - Skyron ltd, Yann Le Corre, Dil Ahdan, Aung Win
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-08-16 00:00:00.000000000 Z
+date: 2012-08-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -66,16 +66,9 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- lib/app/helpers/html5_boilerplate_helper.rb
-- lib/compass/h5bp/version.rb
-- lib/compass/h5bp.rb
+- lib/compass_extension/base.rb
+- lib/compass_extension/version.rb
 - lib/compass_extension.rb
-- stylesheets/h5bp/_chromeframe.scss
-- stylesheets/h5bp/_helpers.scss
-- stylesheets/h5bp/_media.scss
-- stylesheets/h5bp/_normalize.scss
-- stylesheets/_h5bp.scss
-- stylesheets/_main.scss
 - templates/project/files/404.html
 - templates/project/files/about.html
 - templates/project/files/apple-touch-icon-114x114-precomposed.png
@@ -84,6 +77,7 @@ files:
 - templates/project/files/apple-touch-icon-precomposed.png
 - templates/project/files/apple-touch-icon.png
 - templates/project/files/blog.html
+- templates/project/files/config.rb
 - templates/project/files/contact.html
 - templates/project/files/crossdomain.xml
 - templates/project/files/dummy-full.png
@@ -153,9 +147,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>='
+  - - ! '>'
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24

data/lib/app/helpers/html5_boilerplate_helper.rb

@@ -1,63 +0,0 @@
-module Html5BoilerplateHelper
-  # Create a named haml tag to wrap IE conditional around a block
-  # http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither
-  # Consider adding an manifest.appcache: h5bp.com/d/Offline
-  def ie_tag(name=:body, attrs={}, &block)
-    attrs.symbolize_keys!
-    haml_concat("<!--[if lt IE 7]> #{ tag(name, add_class('ie6', attrs), true) } <![endif]-->".html_safe)
-    haml_concat("<!--[if IE 7]>    #{ tag(name, add_class('ie7', attrs), true) } <![endif]-->".html_safe)
-    haml_concat("<!--[if IE 8]>    #{ tag(name, add_class('ie8', attrs), true) } <![endif]-->".html_safe)
-    haml_concat("<!--[if gt IE 8]><!-->".html_safe)
-    haml_tag name, attrs do
-      haml_concat("<!--<![endif]-->".html_safe)
-      block.call
-    end
-  end
-
-  def ie_html(attrs={}, &block)
-    ie_tag(:html, attrs, &block)
-  end
-
-  def ie_body(attrs={}, &block)
-    ie_tag(:body, attrs, &block)
-  end
-
-  def google_account_id
-    ENV['GOOGLE_ACCOUNT_ID'] || google_config(:google_account_id)
-  end
-
-  def google_api_key
-    ENV['GOOGLE_API_KEY'] || google_config(:google_api_key)
-  end
-
-  def remote_jquery(version)
-    if Rails.env == 'development'
-      "'jquery', '#{version}', {uncompressed:true}"
-    else
-      "'jquery', '#{version}'"
-    end
-  end
-
-  def local_jquery(version)
-    if Rails.env == 'development'
-      "#{version}/jquery.js"
-    else
-      "#{version}/jquery.min.js"
-    end
-  end
-
-private
-
-  def add_class(name, attrs)
-    classes = attrs[:class] || ''
-    classes.strip!
-    classes = ' ' + classes if !classes.blank?
-    classes = name + classes
-    attrs.merge(:class => classes)
-  end
-
-  def google_config(key)
-    configs = YAML.load_file(File.join(Rails.root, 'config', 'google.yml'))[Rails.env.to_sym] rescue {}
-    configs[key]
-  end
-end

data/lib/compass/h5bp/version.rb

@@ -1,6 +0,0 @@
-module Compass
-  module H5bp
-    VERSION = "0.0.5"
-    HTML5_BOILERPLATE_VERSION = "3.0.2"
-  end
-end

data/lib/compass/h5bp.rb

@@ -1,7 +0,0 @@
-require "compass/h5bp/version"
-
-module Compass
-  module H5bp
-    Compass::Frameworks.register("compass-h5bp", :path => "#{File.dirname(__FILE__)}/../..")
-  end
-end

data/stylesheets/_h5bp.scss

@@ -1,12 +0,0 @@
-// HTML5 ✰ Boilerplate
-//
-// What follows is the result of much research on cross-browser styling.
-// Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
-// Kroc Camen, and the H5BP dev community and team.
-//
-// Detailed information about this CSS: h5bp.com/css
-
-@import "h5bp/normalize";
-@import "h5bp/chromeframe";
-@import "h5bp/helpers";
-@import "h5bp/media";

data/stylesheets/_main.scss

@@ -1 +0,0 @@
-// This is your framework's main stylesheet. Use it to import all default modules.

data/stylesheets/h5bp/_chromeframe.scss

@@ -1,7 +0,0 @@
-//
-// Chrome Frame Prompt
-//
-
-@mixin h5bp-chromeframe {
-  .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
-}

data/stylesheets/h5bp/_helpers.scss

@@ -1,58 +0,0 @@
-//
-// Non-semantic helper classes
-//
-
-@mixin h5bp-helpers {
-
-  .ir { @include image-replacement; }
-
-  .hidden { @include hidden; }
-
-  .visuallyhidden { @include visually-hidden; }
-  
-  .invisible { @include invisible; }
-
-  .clearfix { @include micro-clearfix; }
-
-}
-
-// For image replacement
-@mixin image-replacement($img: none, $x: 50%, $y: 50%) {
-  display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;
-  @if $img != none {
-    background-image: image-url($img);
-    background-position: $x $y;
-  }
-  br { display: none; }
-}
-
-// Uses image dimensions
-@mixin sized-image-replacement($img, $x: 50%, $y: 50%) {
-  @include image-replacement($img, $x, $y);
-  width: image-width($img);
-  height: image-height($img);
-}
-
-// Hide from both screenreaders and browsers: h5bp.com/u
-@mixin hidden {
-  display: none !important;
-  visibility: hidden;
-}
-
-// Hide only visually, but have it available for screenreaders: h5bp.com/v
-@mixin visually-hidden {
-  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
-  &.focusable:active, &.focusable:focus {
-    clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;
-  }
-}
-
-// Hide visually and from screenreaders, but maintain layout
-@mixin invisible { visibility: hidden; }
-
-// Contain floats: h5bp.com/q
-@mixin micro-clearfix {
-  &:before, &:after { content: ""; display: table; }
-  &:after { clear: both; }
-  & { *zoom: 1; }
-}

data/stylesheets/h5bp/_media.scss

@@ -1,23 +0,0 @@
-// Print styles
-// Inlined to avoid required HTTP connection: h5bp.com/r
-
-@mixin h5bp-media {
-  @media print {
-    @include h5bp-media-print;
-  }
-}
-
-@mixin h5bp-media-print {
-  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } // Black prints faster: h5bp.com/s
-  a, a:visited { text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  // Don't show links for images, or javascript/internal links
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-  thead { display: table-header-group; } // h5bp.com/t
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; }
-}

data/stylesheets/h5bp/_normalize.scss

@@ -1,213 +0,0 @@
-//
-// Normalize
-//
-
-$line-height: 1.4 !default;
-$font-color: #222 !default;
-$font-family: sans-serif !default;
-$font-size: 1em !default;
-$link-color: #00e !default;
-$link-hover-color: #06e !default;
-$link-visited-color: #551a8b !default;
-$selected-font-color: #fff !default;
-$selected-background-color: #fe57a1 !default;
-$invalid-background-color: #f0dddd !default;
-
-
-@mixin h5bp-normalize {
-  @include h5bp-display;
-  @include h5bp-base;
-  @include h5bp-selection;
-  @include h5bp-links;
-  @include h5bp-typography;
-  @include h5bp-lists;
-  @include h5bp-embeds;
-  @include h5bp-figures;
-  @include h5bp-forms;
-  @include h5bp-tables;
-}
-
-
-// Html5 display definitions
-@mixin h5bp-display {
-
-  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-  audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
-  audio:not([controls]) { display: none; }
-  [hidden] { display: none; }
-
-}
-
-
-// Base
-@mixin h5bp-base {
-
-  // 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
-  // 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
-
-  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-
-  html, button, input, select, textarea { font-family: $font-family; color: $font-color; }
-
-  body { margin: 0; font-size: $font-size; line-height: $line-height; }
-
-}
-
-@mixin h5bp-selection {
-  
-  // Remove text-shadow in selection highlight: h5bp.com/i
-  // These selection declarations have to be separate
-  // Also: hot pink! (or customize the background color to match your design)
-
-  ::-moz-selection { background: $selected-background-color; color: $selected-font-color; text-shadow: none; }
-  ::selection { background: $selected-background-color; color: $selected-font-color; text-shadow: none; }
-
-}
-
-
-// Links
-@mixin h5bp-links {
-
-  a { color: $link-color; }
-  a:visited { color: $link-visited-color; }
-  a:hover { color: $link-hover-color; }
-  a:focus { outline: thin dotted; }
-
-  // Improve readability when focused and hovered in all browsers: h5bp.com/h
-  a:hover, a:active { outline: 0; }
-
-}
-
-
-// Typography
-@mixin h5bp-typography {
-
-  abbr[title] { border-bottom: 1px dotted; }
-
-  b, strong { font-weight: bold; }
-
-  blockquote { margin: 1em 40px; }
-
-  dfn { font-style: italic; }
-
-  hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-
-  ins { background: #ff9; color: #000; text-decoration: none; }
-
-  mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-
-  // Redeclare monospace font family: h5bp.com/j
-  pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
-
-  // Improve readability of pre-formatted text in all browsers
-  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-  q { quotes: none; }
-  q:before, q:after { content: ""; content: none; }
-
-  small { font-size: 85%; }
-
-  // Position subscript and superscript content without affecting line-height: h5bp.com/k
-  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-  sup { top: -0.5em; }
-  sub { bottom: -0.25em; }
-
-}
-
-
-// Lists
-@mixin h5bp-lists {
-
-  ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
-  dd { margin: 0 0 0 40px; }
-  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
-
-}
-
-
-// Embedded content
-@mixin h5bp-embeds {
-
-  // 1. Improve image quality when scaled in IE7: h5bp.com/d
-  // 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
-
-  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-
-  // Correct overflow not hidden in IE9
-
-  svg:not(:root) { overflow: hidden; }
-
-}
-
-
-// Figures
-@mixin h5bp-figures {
-
-  figure { margin: 0; }
-
-}
-
-
-// Forms
-@mixin h5bp-forms {
-
-  form { margin: 0; }
-  fieldset { border: 0; margin: 0; padding: 0; }
-
-  // Indicate that 'label' will shift focus to the associated form element
-  label { cursor: pointer; }
-
-   // 1. Correct color not inheriting in IE6/7/8/9
-   // 2. Correct alignment displayed oddly in IE6/7
-
-  legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
-
-   // 1. Correct font-size not inheriting in all browsers
-   // 2. Remove margins in FF3/4 S5 Chrome
-   // 3. Define consistent vertical alignment display in all browsers
-
-  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
-
-   // 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
-
-  button, input { line-height: normal; }
-
-   // 1. Display hand cursor for clickable form elements
-   // 2. Allow styling of clickable form elements in iOS
-   // 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
-
-  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
-
-   // Re-set default cursor for disabled elements
-
-  button[disabled], input[disabled] { cursor: default; }
-
-   // Consistent box sizing and appearance
-
-  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
-  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
-  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
-
-   // Remove inner padding and border in FF3/4: h5bp.com/l
-
-  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-
-   // 1. Remove default vertical scrollbar in IE6/7/8/9
-   // 2. Allow only vertical resizing
-
-  textarea { overflow: auto; vertical-align: top; resize: vertical; }
-
-  // Colors for form validity
-  input:valid, textarea:valid {  }
-  input:invalid, textarea:invalid { background-color: $invalid-background-color; }
-
-}
-
-
-// Tables
-@mixin h5bp-tables {
-
-  table { border-collapse: collapse; border-spacing: 0; }
-  td { vertical-align: top; }
-
-}