schnitzelstyle 0.0.1 → 0.0.2

data/.gitignore

@@ -3,7 +3,6 @@
 .bundle
 .config
 .yardoc
-Gemfile.lock
 InstalledFiles
 _yardoc
 coverage
@@ -15,3 +14,6 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+.sass-cache/
+schnitzelstyle.sublime-project
+schnitzelstyle.sublime-workspace

data/Gemfile

@@ -2,3 +2,10 @@ source 'https://rubygems.org'
 
 # Specify your gem's dependencies in schnitzelstyle.gemspec
 gemspec
+
+# Additional gems required by the demo site.
+gem 'rack-cache'
+gem 'haml'
+gem 'redcarpet'
+gem 'serve', git: 'git://github.com/hmans/serve.git', branch: 'respect_sass_load_paths'
+gem 'thin'

data/Gemfile.lock

@@ -0,0 +1,53 @@
+GIT
+  remote: git://github.com/hmans/serve.git
+  revision: e3e6dc26555d09add03fb46b42e036acb3239d31
+  branch: respect_sass_load_paths
+  specs:
+    serve (1.5.1)
+      activesupport (~> 3.0)
+      i18n
+      rack (~> 1.2)
+      rack-test (~> 0.5)
+      tilt (~> 1.3)
+      tzinfo
+
+PATH
+  remote: .
+  specs:
+    schnitzelstyle (0.0.1)
+      sass
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (3.1.3)
+      multi_json (~> 1.0)
+    daemons (1.1.5)
+    eventmachine (0.12.10)
+    haml (3.1.4)
+    i18n (0.6.0)
+    multi_json (1.0.4)
+    rack (1.4.0)
+    rack-cache (1.1)
+      rack (>= 0.4)
+    rack-test (0.6.1)
+      rack (>= 1.0)
+    redcarpet (2.0.1)
+    sass (3.1.12)
+    thin (1.3.1)
+      daemons (>= 1.0.9)
+      eventmachine (>= 0.12.6)
+      rack (>= 1.0.0)
+    tilt (1.3.3)
+    tzinfo (0.3.31)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  haml
+  rack-cache
+  redcarpet
+  schnitzelstyle!
+  serve!
+  thin

data/README.md

@@ -1,29 +1,3 @@
 # Schnitzelstyle
 
-TODO: Write a gem description
-
-## Installation
-
-Add this line to your application's Gemfile:
-
-    gem 'schnitzelstyle'
-
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install schnitzelstyle
-
-## Usage
-
-TODO: Write usage instructions here
-
-## Contributing
-
-1. Fork it
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Added some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create new Pull Request
+**A tiny, light-weight, hopefully sane CSS framework with a Schnitzel flavor.**

data/config.ru

@@ -0,0 +1,19 @@
+#!/usr/bin/env ruby
+require 'rubygems'
+require 'bundler/setup'
+
+require 'schnitzelstyle'
+require 'serve'
+require 'rack/cache'
+
+# sigh: https://github.com/tanoku/redcarpet/pull/89
+require 'redcarpet'
+class RedcarpetCompat
+  def to_html(*_dummy)
+    @text = @text.encode('utf-8') if @text.respond_to?(:encode)
+    @markdown.render(@text)
+  end
+end
+
+use Rack::Cache
+run Serve::RackAdapter.new('site')

data/lib/assets/stylesheets/schnitzelstyle/_basics.scss

@@ -27,49 +27,74 @@
     font-weight: bold;
   }
 
-  .container {
-    @include schnitzel-container;
-  }
+  .container>header {
+    margin: 2em 0;
 
-  section {
-    padding: 2em;
-  }
+    color: $color-header;
+    font: $font-header;
+    font-size: 120%;
+    line-height: 150%;
 
-  body>header {
-    padding: 2em 0;
-    color: #999;
     h1 {
-      font: $font-headlines;
+      margin-bottom: 0.5em;
+
+      font: $font-header;
       font-size: 200%;
       font-weight: bold;
-      @include floaty-title(white, #4ea4ec);
+      @include floaty-title($color-page-background, $color-header);
+    }
+
+    @media only screen and (max-width: 640px) {
+      line-height: 130%;
+
+      h1 {
+        font-size: 120%;
+      }
     }
   }
 
-  body>footer>.container {
+  .container>footer {
     font: $font-footer;
-    padding: 5em 0;
-    color: #999;
+    font-size: 75%;
+    margin-top: 5em;
+    color: $color-footer;
     text-align: right;
-    a { color: #999; }
+    a { color: $color-footer; }
   }
 
   *:first-child { margin-top: 0 !important }
   *:last-child { margin-bottom: 0 !important }
 
-  section {
+  article, section {
+    margin: 4em 0;
+
+    header {
+      margin-bottom: 1em;
+
+      h2 {
+        @include floaty-title($color-page-background, $color-text);
+        text-transform: uppercase;
+        letter-spacing: 0.15em;
+      }
+    }
+
     p, dl, ol, ul, li {
       margin: 0.8em 0;
       line-height: 24px;
     }
 
+    // tweet integration
+    .twp-container {
+      margin: 1.5em auto;
+    }
+
     a {
-      color: $color-text;
+      color: $color-link;
       text-decoration: none;
-      border-bottom: 2px solid #fc9;
+      border-bottom: 2px solid $color-link-underline;
 
       &:hover {
-        color: #000;
+        color: $color-link-hover;
       }
     }
 
@@ -87,28 +112,18 @@
     }
 
     h1, h2, h3, h4, h5, h6 {
-      font: $font-headlines;
+      font: $font-header;
       margin-top: 1em;
       @include floaty-title($color-text, lighten($color-text, 50%));
     }
 
     h1 {
-      font-size: 1.6em;
+      font-size: 150%;
       text-transform: uppercase;
     }
 
-    article {
-      header {
-        h2 {
-          @include floaty-title($color-page-background, $color-text);
-          text-transform: uppercase;
-          letter-spacing: 0.15em;
-        }
-      }
-
-      img {
-        max-width: 600px;
-      }
+    img {
+      max-width: 100%;
     }
 
     pre, code {
@@ -131,6 +146,13 @@
       border-left: 5px solid #eee;
     }
   }
+
+  @media only screen and (max-width: 640px) {
+    .container>article, .container>section {
+      margin: 0;
+    }
+  }
+
 }
 
 /* http://nicolasgallagher.com/micro-clearfix-hack/ */

data/lib/assets/stylesheets/schnitzelstyle/_configuration.scss

@@ -1,8 +1,13 @@
-$font-default: 13px "Lucida Grande";
-$font-headlines: $font-default;
-$font-footer: 11px "Lucida Grande";
-$font-monospaced: 13px Menlo,Monaco,Courier;
+$font-default:    15px "Georgia" !default;
+$font-header:     14px "Lucida Grande" !default;
+$font-footer:     $font-header !default;
+$font-monospaced: 13px Menlo,Monaco,Courier !default;
 
-$color-page-background: white;
-$color-text: #555;
-$color-link: #000;
+$color-page-background: white !default;
+$color-text:            #555 !default;
+$color-footer:          #999 !default;
+$color-header:          #4ea4ec !default;
+
+$color-link:            $color-text !default;
+$color-link-underline:  lighten(complement($color-header), 10%) !default;
+$color-link-hover:      darken($color-link, 20%) !default;

data/lib/assets/stylesheets/schnitzelstyle/_export.scss

@@ -0,0 +1,16 @@
+@mixin schnitzel-export {
+  .container       { @include container; }
+  .row             { @include row; }
+  .one.column      { @include columns(1); }
+  .two.columns     { @include columns(2); }
+  .three.columns   { @include columns(3); }
+  .four.columns    { @include columns(4); }
+  .five.columns    { @include columns(5); }
+  .six.columns     { @include columns(6); }
+  .seven.columns   { @include columns(7); }
+  .eight.columns   { @include columns(8); }
+  .nine.columns    { @include columns(9); }
+  .ten.columns     { @include columns(10); }
+  .eleven.columns  { @include columns(11); }
+  .twelve.columns  { @include columns(12); }
+}

data/lib/assets/stylesheets/schnitzelstyle/_grid.scss

@@ -1,40 +1,24 @@
-@mixin schnitzel-grid-column($num, $margin: 1.25%, $padding: 0%) {
-  $width: (100% + $margin) / 12;
+@mixin container($width: 600px) {
+  width: $width;
+  margin: 0 auto;
+  padding: 2em 0 5em 0;
 
-  width: $num * $width - $margin - 2 * $padding;
-  margin-left: $margin;
+  @media only screen and (max-width: 640px) {
+    width: auto;
+    margin: 0 0.6em;
+    padding: 0.6em 0;
+  }
 }
 
-@mixin one-column    { float: left; @include schnitzel-grid-column(1); }
-@mixin two-columns   { float: left; @include schnitzel-grid-column(2); }
-@mixin three-columns { float: left; @include schnitzel-grid-column(3); }
-@mixin four-columns  { float: left; @include schnitzel-grid-column(4); }
-@mixin eight-columns { float: left; @include schnitzel-grid-column(8); }
-
-@mixin schnitzel-grid-row($margin: 1.25%, $padding: 0%) {
+@mixin row {
   @include clearfix;
-
-  // .column, .columns {
-  //   float: left;
-  //   padding: $padding;
-
-  //   &:first-child { margin-left: 0 }
-  // }
-  // .one    { @include schnitzel-grid-column(1, $margin, $padding); }
-  // .two    { @include schnitzel-grid-column(2, $margin, $padding); }
-  // .three  { @include schnitzel-grid-column(3, $margin, $padding); }
-  // .four   { @include schnitzel-grid-column(4, $margin, $padding); }
-  // .five   { @include schnitzel-grid-column(5, $margin, $padding); }
-  // .six    { @include schnitzel-grid-column(6, $margin, $padding); }
-  // .seven  { @include schnitzel-grid-column(7, $margin, $padding); }
-  // .eight  { @include schnitzel-grid-column(8, $margin, $padding); }
-  // .nine   { @include schnitzel-grid-column(9, $margin, $padding); }
-  // .ten    { @include schnitzel-grid-column(10, $margin, $padding); }
-  // .eleven { @include schnitzel-grid-column(11, $margin, $padding); }
-  // .twelve { @include schnitzel-grid-column(12, $margin, $padding); }
 }
 
-@mixin schnitzel-container {
-  margin: 0 auto;
-  width: 600px;
+@mixin columns($num, $margin: 1.25%, $padding: 0%) {
+  $single-width: (100%) / 12;
+
+  width: $num * $single-width - $margin - 2 * $padding;
+  margin-right: $margin;
+  padding: $padding;
+  float: left;
 }

data/lib/assets/stylesheets/schnitzelstyle.scss

@@ -2,6 +2,7 @@
 @import 'schnitzelstyle/reset';
 @import 'schnitzelstyle/basics';
 @import 'schnitzelstyle/grid';
+@import 'schnitzelstyle/export';
 
 @mixin schnitzel-complete {
   @include schnitzel-reset;

data/lib/schnitzelstyle/version.rb

@@ -1,3 +1,3 @@
 module Schnitzelstyle
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/site/_layout.haml

@@ -0,0 +1,16 @@
+!!! 5
+%html
+  %head
+    %title SchnitzelStyle
+    %meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
+    %link{ href: 'schnitzelstyle-static.css', media: "screen", rel: "stylesheet", type: "text/css" }
+    %link{ href: 'site.css', media: "screen", rel: "stylesheet", type: "text/css" }
+  %body
+    .container
+      %header.row
+        %h1 SchnitzelStyle
+
+      = yield
+
+      %footer.row
+        a Team Schnitzel 2012 gig

data/site/index.haml

@@ -0,0 +1,9 @@
+%article
+  %header
+    %h2 CSS goodness with a taste of Schnitzel!
+
+    %p Strip steak leberkase pig, swine brisket chicken prosciutto ham hock pork loin ground round andouille rump pastrami pork ball tip. Flank sausage tri-tip, ribeye short loin biltong venison kielbasa. Turducken jowl jerky corned beef tail fatback. Ham sirloin beef ribs, tenderloin short loin meatloaf cow. Pork loin brisket pastrami swine pig shoulder cow sirloin filet mignon tenderloin chuck. Fatback short ribs brisket beef ribs. Sausage turkey brisket, jerky strip steak pork belly chicken ground round swine ham hock boudin flank shoulder filet mignon.
+
+    %p Ham hock pork chop beef ribs, capicola ham chicken boudin filet mignon rump flank pork belly brisket tri-tip shoulder. T-bone short loin swine pancetta andouille brisket turkey. Ribeye capicola andouille kielbasa, beef sausage ground round sirloin. Sausage bacon capicola, ham short loin swine filet mignon.
+
+    %p Pork loin pancetta capicola, prosciutto biltong ham boudin swine filet mignon salami. Drumstick shank t-bone hamburger bacon frankfurter. Tongue kielbasa jowl turkey. Corned beef turkey shank shoulder venison, bresaola chuck ham hock kielbasa. Andouille pork belly tenderloin, beef ribs shoulder drumstick frankfurter meatball chuck. Meatball prosciutto shoulder, turducken pancetta brisket frankfurter ground round rump. Swine short ribs prosciutto, jowl pork chop strip steak pastrami rump bacon capicola pork belly.

data/site/schnitzelstyle-static.scss

@@ -0,0 +1,4 @@
+@import 'schnitzelstyle';
+
+@include schnitzel-complete;
+@include schnitzel-export;

data/site/site.scss

@@ -0,0 +1,4 @@
+// .container {
+//   width: 600px;
+//   margin: 0 auto;
+// }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: schnitzelstyle
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-12-24 00:00:00.000000000 Z
+date: 2012-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70143212894200 !ruby/object:Gem::Requirement
+  requirement: &70205036779900 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70143212894200
+  version_requirements: *70205036779900
 description: A simple, light-weight CSS framework to kickstart your web app.
 email:
 - hendrik@mans.de
@@ -31,18 +31,25 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - Gemfile
+- Gemfile.lock
 - LICENSE
 - README.md
 - Rakefile
+- config.ru
 - lib/assets/stylesheets/schnitzelstyle.scss
 - lib/assets/stylesheets/schnitzelstyle/_basics.scss
 - lib/assets/stylesheets/schnitzelstyle/_coderay.scss
 - lib/assets/stylesheets/schnitzelstyle/_configuration.scss
+- lib/assets/stylesheets/schnitzelstyle/_export.scss
 - lib/assets/stylesheets/schnitzelstyle/_grid.scss
 - lib/assets/stylesheets/schnitzelstyle/_reset.scss
 - lib/schnitzelstyle.rb
 - lib/schnitzelstyle/version.rb
 - schnitzelstyle.gemspec
+- site/_layout.haml
+- site/index.haml
+- site/schnitzelstyle-static.scss
+- site/site.scss
 homepage: http://www.teamschnitzel.com/
 licenses: []
 post_install_message: