compass_extension 0.1.9.beta.2 → 0.1.9

data/lib/compass_extension/version.rb

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

data/stylesheets/_h5bp.scss

@@ -0,0 +1,12 @@
+// 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

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

data/stylesheets/h5bp/_chromeframe.scss

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

data/stylesheets/h5bp/_helpers.scss

@@ -0,0 +1,58 @@
+//
+// 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

@@ -0,0 +1,23 @@
+// 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

@@ -0,0 +1,213 @@
+//
+// 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; }
+
+}

data/templates/project/manifest.rb

@@ -65,7 +65,6 @@ 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
@@ -73,7 +72,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 -r susy -u compass_extension --javascripts-dir js --css-dir css --images-dir img
+$ compass create <my_project> -r compass_extension -u compass_extension --javascripts-dir js --css-dir css --images-dir img
 
 }
 

metadata

@@ -1,8 +1,8 @@
 --- !ruby/object:Gem::Specification
 name: compass_extension
 version: !ruby/object:Gem::Version
-  version: 0.1.9.beta.2
-  prerelease: 6
+  version: 0.1.9
+  prerelease: 
 platform: ruby
 authors:
 - Skyron ltd, Yann Le Corre, Dil Ahdan, Aung Win
@@ -69,6 +69,12 @@ files:
 - 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
@@ -77,7 +83,6 @@ 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
@@ -147,9 +152,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>'
+  - - ! '>='
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24

data/templates/project/files/config.rb

@@ -1,47 +0,0 @@
-# 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