co2 0.1.0

data/Gemfile

@@ -0,0 +1,13 @@
+# Created by Florian Schade, Thomas Boerger on 2011-08-25.
+# Copyright (c) 2011. All rights reserved.
+
+source "http://rubygems.org"
+
+gem 'sass', '~> 3.1.7'
+
+group :development do
+  gem 'bundler', '~> 1.0.18'
+  gem 'yard', '~> 0.7.2'
+  gem 'jeweler', '~> 1.6.4'
+  gem 'rdiscount', '~> 1.6.8'
+end

data/Gemfile.lock

@@ -0,0 +1,22 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    git (1.2.5)
+    jeweler (1.6.4)
+      bundler (~> 1.0)
+      git (>= 1.2.5)
+      rake
+    rake (0.9.2)
+    rdiscount (1.6.8)
+    sass (3.1.7)
+    yard (0.7.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.0.18)
+  jeweler (~> 1.6.4)
+  rdiscount (~> 1.6.8)
+  sass (~> 3.1.7)
+  yard (~> 0.7.2)

data/LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2011 Florian Schade, Thomas Boerger
+
+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,28 @@
+co2 CSS
+=======
+
+It's a simple rapid prototyping CSS framework, including SCSS styles,
+and cli generator for CSS files
+
+
+Install
+-------
+    gem 'co2', '~> 0.1.0'
+
+
+Usage
+-----
+
+Coming soon
+
+
+Todo
+----
+
+Coming soon
+
+
+Credits
+-------
+
+Copyright (c) 2011 Florian Schade, Thomas Boerger. All rights reserved.

data/Rakefile

@@ -0,0 +1,37 @@
+# Created by Florian Schade, Thomas Boerger on 2011-08-25.
+# Copyright (c) 2011. All rights reserved.
+
+$LOAD_PATH.unshift('lib')
+
+require 'rubygems'
+require 'bundler'
+
+begin
+  Bundler.setup(:default, :development)
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts 'Run `bundle install` to install missing gems'
+  exit e.status_code
+end
+
+require 'rake'
+require 'jeweler'
+require 'yard'
+
+require 'co2'
+
+Jeweler::Tasks.new do |gem|
+  gem.name = 'co2'
+  gem.version = Co2::Version::STRING
+  gem.homepage = 'https://github.com/purpled/co2'
+  gem.license = 'MIT'
+  gem.summary = %Q{CSS prototyping framework}
+  gem.description = %Q{It's a simple rapid prototyping CSS framework, including SCSS styles, and cli generator for CSS files}
+  gem.email = ['f.schade@purpled.de', 't.boerger@purpled.de']
+  gem.authors = ['Florian Schade', 'Thomas Boerger']
+end
+
+Jeweler::RubygemsDotOrgTasks.new
+YARD::Rake::YardocTask.new
+
+task :default => :test

data/app/assets/stylesheets/app.css

@@ -0,0 +1,17 @@
+/*_____________________________________________________________________________
+ *_____________________________________________/\/\/\/\/\______________________
+ *_______________________/\/\/\/\____/\/\/\____________/\/\____________________
+ *_____________________/\/\________/\/\__/\/\____/\/\/\/\______________________
+ *_____________________/\/\________/\/\__/\/\__/\/\____________________________
+ *_______________________/\/\/\/\____/\/\/\____/\/\/\/\/\/\____________________
+ *_____________________________________________________________________________
+ *_______________inspired by blueprint, 960.gs, formalize, formee______________
+ *_____________________________________________________________________________
+ *
+ * @copyright Copyright 2011 Florian Schade, Thomas Boerger
+ * @author Florian Schade <f.schade@purpled.de>
+ * @author Thomas Boerger <t.boerger@purpled.de>
+ * @license http://www.opensource.org/licenses/mit-license.php
+ */
+
+@import "co2.css";

data/app/assets/stylesheets/co2.scss

@@ -0,0 +1,39 @@
+/*_____________________________________________________________________________
+ *_____________________________________________/\/\/\/\/\______________________
+ *_______________________/\/\/\/\____/\/\/\____________/\/\____________________
+ *_____________________/\/\________/\/\__/\/\____/\/\/\/\______________________
+ *_____________________/\/\________/\/\__/\/\__/\/\____________________________
+ *_______________________/\/\/\/\____/\/\/\____/\/\/\/\/\/\____________________
+ *_____________________________________________________________________________
+ *_______________inspired by blueprint, 960.gs, formalize, formee______________
+ *_____________________________________________________________________________
+ *
+ * @copyright Copyright 2011 Florian Schade, Thomas Boerger
+ * @author Florian Schade <f.schade@purpled.de>
+ * @author Thomas Boerger <t.boerger@purpled.de>
+ * @license http://www.opensource.org/licenses/mit-license.php
+ */
+
+$base_size: 13px;
+$base_line: 18px;
+$base_color: #000;
+$base_font: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$space_dimension: 10px;
+
+$grid_columns: 16;
+$grid_column_width: 60px;
+
+$site_width: ($grid_columns * $grid_column_width);
+
+@import "co2/mixin";
+@import "co2/reset";
+@import "co2/helper";
+@import "co2/container";
+@import "co2/grid";
+@import "co2/table";
+@import "co2/element";
+@import "co2/form";
+@import "co2/typo";
+@import "co2/navigation";
+@import "co2/message";

data/app/assets/stylesheets/co2/container.scss

@@ -0,0 +1,32 @@
+#wrap {
+  width: $site_width;
+  @include clearfix;
+}
+
+#wrap-flex {
+  width: 100%;
+  @include clearfix;
+}
+
+.wrap {
+  @include clearfix;
+}
+
+.wrap-flex {
+  @include clearfix;
+}
+
+#head {
+  width: 100%;
+  @include clearfix;
+}
+
+#main {
+  width: 100%;
+  @include clearfix;
+}
+
+#foot {
+  width: 100%;
+  @include clearfix;
+}

data/app/assets/stylesheets/co2/element.scss

@@ -0,0 +1,14 @@
+.button {
+  @include button;
+}
+
+hr {
+  background: none repeat scroll 0 0 #DDDDDD;
+  border: medium none;
+  clear: both;
+  color: #DDDDDD;
+  float: none;
+  height: 1px;
+  margin: 0 0 17px;
+  width: 100%;
+}

data/app/assets/stylesheets/co2/form.scss

@@ -0,0 +1,98 @@
+form {
+  fieldset {
+    margin-bottom: 15px;
+    border: 1px solid #000;
+    
+    legend {
+      font-size: 20px;
+    }
+  }
+  
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    @include clearfix;
+    li {
+      float: none;
+      margin-bottom: 10px;
+      
+      ul {
+        margin-bottom: -10px;
+      }
+      
+    }
+    
+  }
+  
+  label,
+  input,
+  select,
+  textarea {
+    font: {
+      family: $base_font;
+      size: 13px;
+      weight: normal;
+    }
+    line-height: normal;
+    margin: 0;
+  }
+  
+  label {
+    display: block;
+    padding-bottom: 5px;
+  }
+
+  input,
+  textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 2px 5px;
+    height: 26px;
+    color: #000;
+    border: 1px solid #000;
+    @include corners;
+  }
+
+  input.small,
+  textarea.small {
+    width: 25%;
+  }
+
+  input.medium,
+  textarea.medium  {
+    width: 50%;
+  }
+
+  input.large,
+  textarea.large  {
+    width: 75%;
+  }
+
+  textarea  {
+    height: auto;
+  }
+
+  radios,
+  checkboxes {
+    li,
+    div {
+      margin-bottom: 0;
+    }
+    
+    label {
+      padding-bottom: 0;
+    }
+
+    input {
+      width: auto;
+      height: auto;
+      margin: 3px 7px 0 0;
+      padding: 0;
+    }
+    
+  }
+}

data/app/assets/stylesheets/co2/grid.scss

@@ -0,0 +1,63 @@
+@for $i from 1 through $grid_columns {
+  .column-#{$i} {
+    float: left;
+    display: inline;
+    width: $grid_column_width * $i;
+    @include clearfix;
+  }
+  
+  .prefix-#{$i} {
+    float: left;
+    display: inline;
+    margin-left: $grid_column_width * $i;
+    @include clearfix;
+  }
+  
+  .suffix-#{$i} {
+    float: left;
+    display: inline;
+    margin-right: $grid_column_width * $i;
+    @include clearfix;
+  }
+  
+  #wrap-flex .column-#{$i},
+  .wrap-flex .column-#{$i},
+  form .column-#{$i} {
+    width: 100% / $grid_columns * $i;
+  }
+  
+  #wrap-flex .prefix-#{$i},
+  .wrap-flex .prefix-#{$i},
+  form .prefix-#{$i} {
+    margin-left: 100% / $grid_columns * $i;
+  }
+  
+  #wrap-flex .suffix-#{$i},
+  .wrap-flex .suffix-#{$i},
+  form .suffix-#{$i} {
+    margin-right: 100% / $grid_columns * $i;
+  }
+}
+
+@each $grid in 25, 33, 50, 66, 75 {
+  .column-#{$grid}-flex {
+    float: left;
+    display: inline;
+    width: 0% + $grid;
+    @include clearfix;
+  }
+  
+  .prefix-#{$grid}-flex {
+    float: left;
+    display: inline;
+    margin-left: 0% + $grid;
+    @include clearfix;
+  }
+  
+  .suffix-#{$grid}-flex {
+    float: left;
+    display: inline;
+    margin-right: 0% + $grid;
+    @include clearfix;
+  }
+}

data/app/assets/stylesheets/co2/helper.scss

@@ -0,0 +1,88 @@
+.float-r {
+  float: right;
+}
+
+.float-l {
+  float: left;
+}
+
+.float-n {
+  float: none;
+}
+
+.text-r {
+  text-align: right;
+}
+
+.text-l {
+  text-align: left;
+}
+
+.text-j {
+  text-align: justify;
+}
+
+.clearfix,
+.clear {
+  @include clearfix;
+}
+
+.clear-r {
+  clear: right;
+}
+
+.clear-l {
+  clear: left;
+}
+
+.scroll {
+  overflow: auto;
+}
+
+.scroll-x {
+  overflow-x: auto;
+}
+
+.scroll-y {
+  overflow-y: auto;
+}
+
+.ispace {
+  padding: $space_dimension;
+}
+
+.ispace-t {
+  padding-top: $space_dimension;
+}
+
+.ispace-r {
+  padding-right: $space_dimension;
+}
+
+.ispace-b {
+  padding-bottom: $space_dimension;
+}
+
+.ispace-l {
+  padding-left: $space_dimension;
+}
+
+.ospace {
+  margin: $space_dimension;
+}
+
+.ospace-t {
+  margin-top: $space_dimension;
+}
+
+.ospace-r {
+  margin-right: $space_dimension;
+}
+
+.ospace-b {
+  margin-bottom: $space_dimension;
+}
+
+.ospace-l {
+  margin-left: $space_dimension;
+}