wunderfront 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: cfd17b5c5110a1731bad7c2555f584838cb93c71
+  data.tar.gz: b860cd861f4bba505a3aa79fea5c38f92849f68c
+SHA512:
+  metadata.gz: 3900144fad0b5a61ce454051b960ae404c3ab2de953a0ab0098d772e63bd34d64f5d6741fda49d669086837386135413db3d5d0bddfbf4ef7c6c05431531b188
+  data.tar.gz: fe1ff6d70caa401284a47a025b413d45cf9c8f8c088cc0d7be97f44678e0dfaa9f3fb37aa4d2eefeb06055ebb0bb607a6f85f1f0fefae974b4ce39969d2ae22a

data/lib/wunderfront.rb

@@ -0,0 +1,33 @@
+# All gems that are required for this extension to work should go here.
+# These are the requires you would normally put in your config.rb file
+# By default, you should always included Compass. Do not include your
+#  extension.
+require 'sass'
+require 'compass'
+
+# This tells Compass what your Compass extension is called, and where to find
+#  its files
+# Replace 'styleguide' with the name of your style guide. Spaces allowed.
+base_directory  = File.join(File.dirname(__FILE__), '..')
+stylesheets_dir = File.join(base_directory, 'stylesheets')
+templates_dir   = File.join(base_directory, 'templates')
+Compass::Frameworks.register('wunderfront', :stylesheets_directory => stylesheets_dir, :templates_directory => templates_dir)
+
+# Version and date of version for your Compass extension.
+# Replace Extemsopm with the name of your style guide
+#  Letters, numbers, and underscores only
+#  Version is a number. If a version contains alphas, it will be created as
+#    a prerelease version
+#  Date is in the form of YYYY-MM-DD
+module Wunderfront
+  VERSION = "0.0.1"
+  DATE = "2014-04-11"
+end
+
+# This is where any custom SassScript should be placed. The functions will be
+#  available on require of your extension without the need for users to import
+#  any partials. Uncomment below.
+
+# module Sass::Script::Functions
+#
+# end

data/stylesheets/_wunderfront.scss

@@ -0,0 +1,3 @@
+@import "wunderfront/utilities/variables";
+@import "wunderfront/utilities/mixins";
+@import "wunderfront/utilities/helpers";

data/stylesheets/wunderfront/utilities/_helpers.scss

@@ -0,0 +1,48 @@
+//
+// Helpers - Helping classes
+// =============================================================================
+
+@if $wk-produce-css-classes {
+  // CSS image replacement
+  .hide-text {
+    @include hide-text();
+  }
+
+  // Hide only visually, but have it available for screenreaders: h5bp.com/v
+  .element-invisible,
+  .visuallyhidden {
+    @include element-invisible();
+  }
+
+  // Extends the .visuallyhidden class to allow the element to be focusable
+  // when navigated to via the keyboard: h5bp.com/p
+  .element-invisible.focusable,
+  .visuallyhidden.focusable {
+    @include element-invisible-focusable();
+  }
+
+  .element-visible {
+    @include element-invisible-off();
+  }
+
+  // Toggling content
+  .hide {
+    display: none;
+  }
+  .show {
+    display: block;
+  }
+
+  // Hide visually and from screenreaders, but maintain layout
+  .invisible {
+    visibility: hidden;
+  }
+
+  .clearfix {
+    @include clearfix();
+  }
+
+  .clear {
+    clear: both;
+  }
+}

data/stylesheets/wunderfront/utilities/_mixins.scss

@@ -0,0 +1,124 @@
+//
+// Mixins - Useful mixins to achieve several functionalities
+// =============================================================================
+
+@import "compass/utilities";
+
+//
+// Markup free clearing
+// http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/
+//
+
+@mixin cf {
+  overflow: hidden;   // New formatting context in better browsers
+  *overflow: visible; // Protect IE7 and older from the overflow property
+  *zoom: 1;           // Give IE hasLayout, a new formatting context equivalent
+}
+
+
+//
+// Image replacement
+// Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
+// Additional helpers from http://html5boilerplate.com/docs/css/
+// This is also included as a SASS mixin, see: sass/custom.rb
+//
+
+@mixin ir {
+  // Kellum Method
+  display: block !important;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  // Additional helpers
+  border: 0;                     // Remove the default border from elements like <button>
+  font: 0/0 a;                   // Crush the text down to take up no space
+  text-shadow: none;             // Remove any text shadows
+  color: transparent;            // Hide any residual text in Safari 4 and any mobile devices that may need it
+  background-color: transparent; // Hide the default background color on elements like <button>
+}
+
+
+//
+// element-invisible improved and more robust
+//
+@mixin element-invisible {
+  border: 0;
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute !important;
+  width: 1px;
+  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+    clip: rect(1px 1px 1px 1px); // IE6 and IE7 use the wrong syntax
+  }
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+
+//
+// Turns off the element-invisible effect
+//
+@mixin element-invisible-off {
+  position: static !important;
+  clip: auto;
+  height: auto;
+  width: auto;
+  overflow: auto;
+}
+
+@mixin element-invisible-focusable {
+  @include element-invisible;
+
+  &:active,
+  &:focus {
+    @include element-invisible-off;
+  }
+}
+
+
+//
+// Shift content offscreen, can be usefull when you reall need to do this
+//
+@mixin offscreen {
+  position: absolute;
+  top: -99999em;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  outline: 0;
+}
+
+
+//
+// Hide content from all users
+//
+@mixin element-hidden {
+  display: none;
+}
+
+
+//
+// The word "Unpublished" displayed underneath unpublished nodes and comments
+//
+@mixin unpublished {
+  color: pink; // target browsers that do not support rgba
+  color: rgba(239, 170, 170, 0.4);
+  font-family: $impact;
+  font-size: 50px;
+  font-weight: 700;
+  line-height: 1.2;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  overflow: visible;
+  text-align: center;
+  text-transform: uppercase;
+  word-wrap: break-word;
+
+  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+    .ie6-7 &>* {
+      position: relative; // Otherwise these elements will appear below the "Unpublished" text.
+    }
+  }
+}
+

data/stylesheets/wunderfront/utilities/_variables.scss

@@ -0,0 +1,61 @@
+// -----------------------------------------------------------------------------
+// Config
+// -----------------------------------------------------------------------------
+$wk-produce-css-classes: false !default;
+
+// -----------------------------------------------------------------------------
+// Colors
+// -----------------------------------------------------------------------------
+$page:         #fff;    // to match the page background, default is white
+$border:       #ccc;    // all borders set in global.styles - tables, fieldset, primary links
+$highlight:    #c00;    // required mark, form error highlight, "new" label on comments
+$ultralight:   #f5f5f5; // table row even, primary link inactive tabs
+$light:        #eee;    // table row odd active, primary link inactive hover
+$medium_light: #ebebeb; // table row even active
+$medium_dark:  #e5e5e5; // table thead
+$debug:        rgba(255, 192, 203, 0.5); // Full width wrapper test
+
+$thead:          $medium_dark;
+$tr_odd:         $page;
+$tr_even:        $ultralight;
+$tr_odd_active:  $light;
+$tr_even_active: $medium_light;
+
+$primary_task:        $ultralight;
+$primary_task_hover:  $light;
+$primary_task_active: $page;
+
+
+// Brand colours
+
+$WunderPink:      #e10075;
+$WunderBlue:      #58b8d1;
+$WunderOrange:    #ff962c;
+$WunderGreen:     #88B700;
+
+$WunderGreyDark:  #45535f;
+$WunderGreyLight: #c0ccd6;
+
+$WunderWhite:     #f3edf0;
+
+$WunderShadowDark:    rgba(0,0,0,0.64);
+$WunderShadowLight:   rgba(0,0,0,0.3);
+
+
+// -----------------------------------------------------------------------------
+// Fonts
+// -----------------------------------------------------------------------------
+
+$sans-serif-small:            'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+$sans-serif-large:            Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;
+$sans-serif-arial-helvetica:  Arial, Helvetica, sans-serif;
+$calibri-candara:             Calibri, Candara, Arial, Helvetica, sans-serif;
+$serif-small:                 Garamond, Perpetua, 'Times New Roman', serif;
+$serif-large:                 Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
+$modern-myriad:               'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
+$lucida:                      'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-serif;
+$impact:                      Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
+$mono:                        Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
+
+$WunderFont:                      "Droid Sans",Arial,sans-serif;
+$WunderFontHeader:                "Museo Slab",Arial,sans-serif;

data/templates/project/Gemfile.txt

@@ -0,0 +1,6 @@
+# Pull gems from RubyGems
+source 'https://rubygems.org'
+gem 'sass', '>=3.2.3'
+gem 'compass', '>=0.12.1'
+
+gem 'WunderFront', '~>0.0.1'

data/templates/project/manifest.rb

@@ -0,0 +1,30 @@
+description "WunderFront"
+
+skip_compilation!
+
+discover :javascripts
+discover :images
+discover :fonts
+
+# file 'Gemfile.txt', :to => 'Gemfile'
+file 'editorconfig.txt', :to => '.editorconfig'
+file 'jshintrc.txt', :to => '.jshintrc'
+file 'csslintrc.txt', :to => '.csslintrc'
+
+help %Q{
+  Please contact :Lewis Nyman with questions:
+
+    lewis.nyman@wunderkraut.com
+}
+
+welcome_message %Q{
+
+ WunderFront
+
+ The awesome template for WunderFront.
+
+ To use the WunderFront, include the following at the top of your Sass file:
+
+ @import "wunderfront";
+
+}

metadata

@@ -0,0 +1,79 @@
+--- !ruby/object:Gem::Specification
+name: wunderfront
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Lewis Nyman
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.3
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+description: A frontend toolkit for building websites under the WunderKraut brand.
+email:
+- lewis.nyman@wunderkraut.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/wunderfront.rb
+- stylesheets/_wunderfront.scss
+- stylesheets/wunderfront/utilities/_helpers.scss
+- stylesheets/wunderfront/utilities/_mixins.scss
+- stylesheets/wunderfront/utilities/_variables.scss
+- templates/project/Gemfile.txt
+- templates/project/manifest.rb
+homepage: https://github.com/lewisnyman/wunderfront-toolkit
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: wunderfront
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: A frontend toolkit for building websites under the WunderKraut brand.
+test_files: []