schnitzelstyle 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in schnitzelstyle.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2011 Hendrik Mans
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

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

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

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

@@ -0,0 +1,146 @@
+@mixin floaty-title($fg, $bg) {
+  background-color: $bg;
+  color: $fg;
+  display: inline-block;
+  padding: 0.3em 0.6em;
+
+  a {
+    color: $fg;
+    border: none;
+    text-decoration: none;
+    &:hover { color: $fg }
+  }
+}
+
+@mixin schnitzel-basics {
+  body {
+    background-color: $color-page-background;
+    color: $color-text;
+    font: $font-default;
+  }
+
+  a {
+    color: $color-link;
+  }
+
+  strong {
+    font-weight: bold;
+  }
+
+  .container {
+    @include schnitzel-container;
+  }
+
+  section {
+    padding: 2em;
+  }
+
+  body>header {
+    padding: 2em 0;
+    color: #999;
+    h1 {
+      font: $font-headlines;
+      font-size: 200%;
+      font-weight: bold;
+      @include floaty-title(white, #4ea4ec);
+    }
+  }
+
+  body>footer>.container {
+    font: $font-footer;
+    padding: 5em 0;
+    color: #999;
+    text-align: right;
+    a { color: #999; }
+  }
+
+  *:first-child { margin-top: 0 !important }
+  *:last-child { margin-bottom: 0 !important }
+
+  section {
+    p, dl, ol, ul, li {
+      margin: 0.8em 0;
+      line-height: 24px;
+    }
+
+    a {
+      color: $color-text;
+      text-decoration: none;
+      border-bottom: 2px solid #fc9;
+
+      &:hover {
+        color: #000;
+      }
+    }
+
+    ul {
+      list-style-type: square;
+    }
+
+    ol {
+      list-style-type: lower-roman;
+    }
+
+    em {
+      font-style: italic;
+      color: #666;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+      font: $font-headlines;
+      margin-top: 1em;
+      @include floaty-title($color-text, lighten($color-text, 50%));
+    }
+
+    h1 {
+      font-size: 1.6em;
+      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;
+      }
+    }
+
+    pre, code {
+      font: $font-monospaced;
+      background-color: #eee;
+      color: #666;
+    }
+
+    code { padding: 0.1em 0.5em; }
+
+    pre {
+      display: block;
+      padding: 0.5em;
+    }
+
+    blockquote {
+      color: #777;
+      padding-left: 1em;
+      font-style: italic;
+      border-left: 5px solid #eee;
+    }
+  }
+}
+
+/* http://nicolasgallagher.com/micro-clearfix-hack/ */
+@mixin clearfix {
+  &:before, &:after {
+    content: "";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+  zoom: 1;
+}

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

@@ -0,0 +1,24 @@
+.CodeRay {
+  background-color: #232323;
+  color: #E6E0DB;
+  overflow: auto;
+
+  .attribute { color:#E7BE69 }                      /* html attribute */
+  .comment  { color:#BC9358; font-style: italic; } /* comment */
+  .ch { color:#509E4F }                      /* escaped character */
+  .class { color:#FFF }                         /* class */
+  .constant, .predefined-constant { color:#FFF }                         /* constant */
+  .float { color:#A4C260 }                      /* float */
+  .function { color:#FFC56D }                      /* function */
+  .global { color:#D0CFFE }                      /* global variable */
+  .integer  { color:#A4C260 }                      /* integer */
+  .inline { background:#151515 }                 /* inline code */
+  .instance-variable { color:#D0CFFE }                      /* instance variable */
+  .preprocessor { color:#E7BE69 }                      /* doctype */
+  .keyword  { color:#CB7832 }                      /* keyword */
+  .regexp { color:#A4C260 }                      /* regex */
+  .string  { color:#A4C260 }                      /* string */
+  .symbol { color:#6C9CBD }                      /* symbol */
+  .tag { color:#E7BE69 }                      /* html tag */
+  .pc { color:#6C9CBD }                      /* boolean */
+}

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

@@ -0,0 +1,8 @@
+$font-default: 13px "Lucida Grande";
+$font-headlines: $font-default;
+$font-footer: 11px "Lucida Grande";
+$font-monospaced: 13px Menlo,Monaco,Courier;
+
+$color-page-background: white;
+$color-text: #555;
+$color-link: #000;

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

@@ -0,0 +1,40 @@
+@mixin schnitzel-grid-column($num, $margin: 1.25%, $padding: 0%) {
+  $width: (100% + $margin) / 12;
+
+  width: $num * $width - $margin - 2 * $padding;
+  margin-left: $margin;
+}
+
+@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%) {
+  @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;
+}

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

@@ -0,0 +1,50 @@
+@mixin schnitzel-reset {
+  /* http://meyerweb.com/eric/tools/css/reset/ 
+     v2.0 | 20110126
+     License: none (public domain)
+  */
+
+  html, body, div, span, applet, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  a, abbr, acronym, address, big, cite, code,
+  del, dfn, em, img, ins, kbd, q, s, samp,
+  small, strike, strong, sub, sup, tt, var,
+  b, u, i, center,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td,
+  article, aside, canvas, details, embed, 
+  figure, figcaption, footer, header, hgroup, 
+  menu, nav, output, ruby, section, summary,
+  time, mark, audio, video {
+  	margin: 0;
+  	padding: 0;
+  	border: 0;
+  	font-size: 100%;
+  	font: inherit;
+  	vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article, aside, details, figcaption, figure, 
+  footer, header, hgroup, menu, nav, section {
+  	display: block;
+  }
+  body {
+  	line-height: 1;
+  }
+  ol, ul {
+  	list-style: none;
+  }
+  blockquote, q {
+  	quotes: none;
+  }
+  blockquote:before, blockquote:after,
+  q:before, q:after {
+  	content: '';
+  	content: none;
+  }
+  table {
+  	border-collapse: collapse;
+  	border-spacing: 0;
+  }  
+}

data/lib/assets/stylesheets/schnitzelstyle.scss

@@ -0,0 +1,9 @@
+@import 'schnitzelstyle/configuration';
+@import 'schnitzelstyle/reset';
+@import 'schnitzelstyle/basics';
+@import 'schnitzelstyle/grid';
+
+@mixin schnitzel-complete {
+  @include schnitzel-reset;
+  @include schnitzel-basics;
+}

data/lib/schnitzelstyle/version.rb

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

data/lib/schnitzelstyle.rb

@@ -0,0 +1,10 @@
+require "schnitzelstyle/version"
+require "sass"
+
+# Add our stylesheets to SASS load path
+#
+Sass::Engine::DEFAULT_OPTIONS[:load_paths] << File.expand_path("../assets/stylesheets/", __FILE__)
+
+module Schnitzelstyle
+  # Your code goes here...
+end

data/schnitzelstyle.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/schnitzelstyle/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Hendrik Mans"]
+  gem.email         = ["hendrik@mans.de"]
+  gem.description   = %q{A simple, light-weight CSS framework to kickstart your web app.}
+  gem.summary       = %q{Team Schnitzel's CSS Framework}
+  gem.homepage      = "http://www.teamschnitzel.com/"
+
+  gem.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  gem.files         = `git ls-files`.split("\n")
+  gem.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  gem.name          = "schnitzelstyle"
+  gem.require_paths = ["lib"]
+  gem.version       = Schnitzelstyle::VERSION
+
+  gem.add_dependency 'sass'
+end

metadata

@@ -0,0 +1,70 @@
+--- !ruby/object:Gem::Specification
+name: schnitzelstyle
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Hendrik Mans
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-12-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: &70143212894200 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70143212894200
+description: A simple, light-weight CSS framework to kickstart your web app.
+email:
+- hendrik@mans.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- 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/_grid.scss
+- lib/assets/stylesheets/schnitzelstyle/_reset.scss
+- lib/schnitzelstyle.rb
+- lib/schnitzelstyle/version.rb
+- schnitzelstyle.gemspec
+homepage: http://www.teamschnitzel.com/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: Team Schnitzel's CSS Framework
+test_files: []