wunderfront 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cfd17b5c5110a1731bad7c2555f584838cb93c71
-  data.tar.gz: b860cd861f4bba505a3aa79fea5c38f92849f68c
+  metadata.gz: 715f2b7506a5c1a0d8f8ca2b6809ae014c9fa517
+  data.tar.gz: 6cbe3c82edc1c92e17dc2c658f947228d5b5e56e
 SHA512:
-  metadata.gz: 3900144fad0b5a61ce454051b960ae404c3ab2de953a0ab0098d772e63bd34d64f5d6741fda49d669086837386135413db3d5d0bddfbf4ef7c6c05431531b188
-  data.tar.gz: fe1ff6d70caa401284a47a025b413d45cf9c8f8c088cc0d7be97f44678e0dfaa9f3fb37aa4d2eefeb06055ebb0bb607a6f85f1f0fefae974b4ce39969d2ae22a
+  metadata.gz: 3e2afb693995d65152bba1c4f503c7218b49a4c6dffad4c7c86f3ae4be10bacffd5b5f8fa901e22791e57dacef425eb2f2733ef38263b43e0c71db6e1569acd8
+  data.tar.gz: 20eea01b35cfb2a63fb9df99c9d6f418b56ab20335094a087c7499791d127412758b0fdc3b9b7f01bc01ea9c09cdd08bb85f81d94534a074efb01c8b42036839

data/lib/wunderfront.rb

@@ -20,8 +20,8 @@ Compass::Frameworks.register('wunderfront', :stylesheets_directory => stylesheet
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module Wunderfront
-  VERSION = "0.0.1"
-  DATE = "2014-04-11"
+  VERSION = "0.0.2"
+  DATE = "2015-01-02"
 end
 
 # This is where any custom SassScript should be placed. The functions will be

data/stylesheets/_wunderfront.scss

@@ -1,3 +1,11 @@
+// Utilities
 @import "wunderfront/utilities/variables";
 @import "wunderfront/utilities/mixins";
 @import "wunderfront/utilities/helpers";
+
+// Base
+@import "wunderfront/base/elements";
+
+// Components
+@import "wunderfront/components/team";
+@import "wunderfront/components/person";

data/stylesheets/wunderfront/base/_elements.scss

@@ -0,0 +1,31 @@
+body {
+  background: #fff;
+  font-family: $WunderFont;
+  color: $WunderGreyDark;
+}
+
+h1 {
+  font-family: $WunderFontHeader;
+  font-weight: 700;
+  color: $WunderPink;
+  font-size: 2em;
+  line-height: 1.5em;
+  margin: 0;
+}
+h2 {
+  font-family: $WunderFontHeader;
+  font-weight: 500;
+}
+h3 {
+  font-family: $WunderFontHeader;
+  font-weight: 500;
+}
+h4 {
+  font-family: $WunderFontHeader;
+  font-weight: 700;
+}
+h5 {
+  font-family: $WunderFont;
+  font-weight: bold;
+}
+h6 {}

data/stylesheets/wunderfront/components/_person.scss

@@ -0,0 +1,25 @@
+@mixin wk-person {
+  @include clearfix();
+}
+@mixin wk-person__name {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  margin: 0;
+}
+@mixin wk-person__picture {
+  float: left;
+  margin: 0 10px 0 0;
+}
+
+@if $wk-produce-css-classes {
+  .person {
+    @include wk-person;
+  }
+  .person__name {
+    @include wk-person__name;
+  }
+  .person__picture {
+    @include wk-person__picture;
+  }
+}
+

data/stylesheets/wunderfront/components/_team.scss

@@ -0,0 +1,34 @@
+$breakpoint-medium: 600px;
+$breakpoint-large: 768px;
+
+@mixin team() {
+  @include clearfix();
+}
+@mixin team__member() {
+  margin: 0 1%;
+  padding: 8px 0;
+  border-bottom: 1px dotted #5a5a5a;
+  @media (min-width: $breakpoint-medium) and (max-width: $breakpoint-large) {
+    float: left;
+    width: 48%;
+    &:nth-of-type(2n+1) {
+      clear: left;
+    }
+  }
+  @media (min-width: $breakpoint-large) {
+    float: left;
+    width: 31%;
+    &:nth-of-type(3n+1) {
+      clear: left;
+    }
+  }
+}
+
+@if $wk-produce-css-classes {
+  .team {
+    @include team();
+  }
+  .team__member {
+    @include team__member();
+  }
+}

data/stylesheets/wunderfront/utilities/_mixins.scss

@@ -4,40 +4,6 @@
 
 @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
 //
@@ -54,7 +20,6 @@
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-
 //
 // Turns off the element-invisible effect
 //
@@ -75,7 +40,6 @@
   }
 }
 
-
 //
 // Shift content offscreen, can be usefull when you reall need to do this
 //
@@ -88,37 +52,9 @@
   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

@@ -13,18 +13,6 @@ $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
 
@@ -46,16 +34,5 @@ $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

@@ -3,4 +3,4 @@ source 'https://rubygems.org'
 gem 'sass', '>=3.2.3'
 gem 'compass', '>=0.12.1'
 
-gem 'WunderFront', '~>0.0.1'
+gem 'WunderFront', '~>0.0.2'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: wunderfront
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Lewis Nyman
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-11 00:00:00.000000000 Z
+date: 2015-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -47,11 +47,13 @@ extra_rdoc_files: []
 files:
 - lib/wunderfront.rb
 - stylesheets/_wunderfront.scss
+- stylesheets/wunderfront/base/_elements.scss
+- stylesheets/wunderfront/components/_person.scss
+- stylesheets/wunderfront/components/_team.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
@@ -72,7 +74,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: 1.3.6
 requirements: []
 rubyforge_project: wunderfront
-rubygems_version: 2.0.3
+rubygems_version: 2.0.14
 signing_key: 
 specification_version: 4
 summary: A frontend toolkit for building websites under the WunderKraut brand.

data/templates/project/manifest.rb

@@ -1,30 +0,0 @@
-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";
-
-}