compass-treesaver-theme-basic-plugin 0.1.2

data/compass-treesaver-theme-basic-plugin.gemspec

@@ -0,0 +1,32 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-treesaver-theme-basic-plugin}
+  s.version = "0.1.2"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
+  s.authors = ["Andrea Campi"]
+  s.date = %q{2011-08-23}
+  s.description = %q{A Compass plugin to provide the "basic" theme for use with compass-treesaver-plugin.}
+  s.email = %w{andrea.campi@zephirworks.com}
+  s.has_rdoc = false
+  s.files = [
+    "compass-treesaver-theme-basic-plugin.gemspec",
+    "lib/compass-treesaver-theme-basic-plugin.rb",
+    "stylesheets/treesaver/theme/_basic.scss",
+    "stylesheets/treesaver/theme/basic/_base.scss",
+    "stylesheets/treesaver/theme/basic/_config.scss",
+    "stylesheets/treesaver/theme/basic/_grid.scss",
+    "stylesheets/treesaver/theme/basic/_smallscreen.scss",
+    "stylesheets/treesaver/theme/basic/_typography.scss",
+    "templates/project/_compass_treesaver_theme_basic.scss",
+    "templates/project/manifest.rb"
+  ]
+  s.homepage = %q{http://zephirworks.com/}
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{compass-treesaver-theme-default-plugin}
+  s.rubygems_version = %q{1.3.6}
+  s.summary = %q{Basic theme for compass-treesaver-plugin.}
+  s.add_dependency(%q<compass>, ["~> 0.11"])
+  s.add_dependency(%q<compass-treesaver-plugin>, ["~> 0.3.0"])
+end

data/lib/compass-treesaver-theme-basic-plugin.rb

@@ -0,0 +1,3 @@
+require 'compass'
+
+Compass::Frameworks.register("treesaver-theme-basic", :path => File.expand_path("..", File.dirname(__FILE__)))

data/stylesheets/treesaver/theme/_basic.scss

@@ -0,0 +1,17 @@
+//
+// Simple style, meant as a starting point for further customization.
+//
+
+@import "basic/config";
+
+@include treesaver-layout-setup($treesaver-theme-grid-outer-width, $treesaver-theme-grid-margin, 3);
+
+@import "basic/base";
+@import "basic/grid";
+@import "basic/smallscreen";
+@import "basic/typography";
+
+@include -treesaver-theme-basic-body;
+@include -treesaver-theme-basic-grid;
+@include -treesaver-theme-basic-grid-smallscreen;
+@include -treesaver-theme-basic-misc-smallscreen;

data/stylesheets/treesaver/theme/basic/_base.scss

@@ -0,0 +1,19 @@
+//
+// Basic styling for the whole "site"
+//
+@mixin -treesaver-theme-basic-body {
+  // fallback used when JavaScript is disabled
+  body {
+    background-color: $treesaver-theme-fallback-body-background-color;
+  }
+
+  .treesaver {
+    body {
+      background-color: $treesaver-theme-body-background-color;
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+}

data/stylesheets/treesaver/theme/basic/_config.scss

@@ -0,0 +1,51 @@
+@import "treesaver/config";
+
+//
+// Grid (page) layout
+//
+$treesaver-theme-grid-outer-width: 320px !default;
+$treesaver-theme-grid-margin: 20px !default;
+
+//
+// Overall styling
+//
+$treesaver-theme-body-background-color: #eee !default;            // background color
+$treesaver-theme-fallback-body-background-color: #eee !default;   // fallback background color
+
+//
+// Grid (page) styling
+//
+$treesaver-theme-grid-background-color: white !default;           // background color of regular pages
+$treesaver-theme-grid-shadow-color: #bbb !default;                // the color of the page shadow
+$treesaver-theme-grid-outer-margins: 8px 0 8px 20px !default;     // margins around pages
+
+$treesaver-theme-grid-padding-horizontal: 20px !default;          // padding inside the page
+
+//
+// Smallscreen styling
+//
+$treesaver-theme-smallscreen-width: $treesaver-grid-smallscreen-width !default; // deprecate?
+$treesaver-theme-smallscreen-grid-padding: 10px !default;
+
+//
+// Mobile
+//
+$treesaver-theme-mobile-base-font-size: 14px !default;
+$treesaver-theme-mobile-h1-font-size: $treesaver-line-height !default;          // Font size for h1
+$treesaver-theme-mobile-h2-font-size: $treesaver-theme-mobile-base-font-size * 1.1 !default;    // Font size for h2
+$treesaver-theme-mobile-h3-font-size: $treesaver-theme-mobile-base-font-size * 1.1 !default;    // Font size for h3
+$treesaver-theme-mobile-h4-font-size: $treesaver-theme-mobile-base-font-size !default;          // Font size for h4
+$treesaver-theme-mobile-h5-font-size: $treesaver-theme-mobile-base-font-size !default;          // Font size for h5
+$treesaver-theme-mobile-h6-font-size: $treesaver-theme-mobile-base-font-size !default;          // Font size for h6
+
+//
+// Typography
+//
+$treesaver-theme-font-family: Georgia, serif !default;
+$treesaver-theme-base-font-size: 14px !default;                       // Font size for regular paragraphs;
+$treesaver-theme-h1-font-size: $treesaver-line-height * 2 !default;   // Font size for h1
+$treesaver-theme-h2-font-size: $treesaver-theme-base-font-size * 1.1 !default;        // Font size for h2
+$treesaver-theme-h3-font-size: $treesaver-theme-base-font-size !default;              // Font size for h3
+$treesaver-theme-h4-font-size: $treesaver-theme-base-font-size !default;              // Font size for h4
+$treesaver-theme-h5-font-size: $treesaver-theme-base-font-size !default;              // Font size for h5
+$treesaver-theme-h6-font-size: $treesaver-theme-base-font-size !default;              // Font size for h6

data/stylesheets/treesaver/theme/basic/_grid.scss

@@ -0,0 +1,17 @@
+@import "compass/css3/box-shadow";
+
+@mixin -treesaver-theme-basic-grid {
+  .grid {
+    background-color: $treesaver-theme-grid-background-color;
+    @include single-box-shadow($treesaver-theme-grid-shadow-color, 0, 2px, 5px);
+
+    margin: $treesaver-theme-grid-outer-margins;
+    padding: 0 $treesaver-theme-grid-padding-horizontal;
+
+    opacity: .25;
+  }
+
+  #currentPage {
+    opacity: 1;
+  }
+}

data/stylesheets/treesaver/theme/basic/_smallscreen.scss

@@ -0,0 +1,46 @@
+@import "compass/css3/box-shadow";
+
+@mixin -treesaver-theme-basic-grid-smallscreen {
+  .smallscreen.mobile {
+    .mobile.grid {
+      margin: 0;
+      padding: $treesaver-theme-smallscreen-grid-padding;
+      border: none;
+      @include box-shadow(none);
+
+      .column {
+        top: $treesaver-line-height / 2;
+        bottom: $treesaver-line-height / 2;
+      }
+
+      .container {
+        top: $treesaver-line-height / 2;
+        bottom: $treesaver-line-height;
+      }
+    }
+  }
+}
+
+@mixin -treesaver-theme-basic-misc-smallscreen {
+  .smallscreen.mobile {
+    background: white;
+
+    .column, .container, p {
+      width: $treesaver-theme-smallscreen-width;
+      min-width: $treesaver-theme-smallscreen-width;
+    }
+
+    .column {
+      h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+        padding: 0;
+      }
+      h1 { font-size: $treesaver-theme-mobile-h1-font-size; }
+      h2 { font-size: $treesaver-theme-mobile-h2-font-size; }
+      h3 { font-size: $treesaver-theme-mobile-h3-font-size; }
+      h4 { font-size: $treesaver-theme-mobile-h4-font-size; }
+      h5 { font-size: $treesaver-theme-mobile-h5-font-size; }
+      h6 { font-size: $treesaver-theme-mobile-h6-font-size; }
+    }
+  }
+}

data/stylesheets/treesaver/theme/basic/_typography.scss

@@ -0,0 +1,29 @@
+div, p, button {
+  font-family: $treesaver-theme-font-family;
+  font-size: $treesaver-theme-base-font-size;
+}
+
+h1 {
+  font-family: $treesaver-theme-font-family;
+  font-size: $treesaver-theme-h1-font-size;
+}
+
+h2 {
+  font-size: $treesaver-theme-h2-font-size;
+}
+
+h3 {
+  font-size: $treesaver-theme-h3-font-size;
+}
+
+h4 {
+  font-size: $treesaver-theme-h4-font-size;
+}
+
+h5 {
+  font-size: $treesaver-theme-h5-font-size;
+}
+
+h6 {
+  font-size: $treesaver-theme-h6-font-size;
+}

data/templates/project/_compass_treesaver_theme_basic.scss

@@ -0,0 +1 @@
+@import "treesaver/theme/default";

data/templates/project/manifest.rb

@@ -0,0 +1 @@
+stylesheet '_compass_treesaver_theme_default.scss', :media => 'screen'

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification 
+name: compass-treesaver-theme-basic-plugin
+version: !ruby/object:Gem::Version 
+  prerelease: 
+  version: 0.1.2
+platform: ruby
+authors: 
+- Andrea Campi
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-08-23 00:00:00 +02:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        version: "0.11"
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: compass-treesaver-plugin
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        version: 0.3.0
+  type: :runtime
+  version_requirements: *id002
+description: A Compass plugin to provide the "basic" theme for use with compass-treesaver-plugin.
+email: 
+- andrea.campi@zephirworks.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- compass-treesaver-theme-basic-plugin.gemspec
+- lib/compass-treesaver-theme-basic-plugin.rb
+- stylesheets/treesaver/theme/_basic.scss
+- stylesheets/treesaver/theme/basic/_base.scss
+- stylesheets/treesaver/theme/basic/_config.scss
+- stylesheets/treesaver/theme/basic/_grid.scss
+- stylesheets/treesaver/theme/basic/_smallscreen.scss
+- stylesheets/treesaver/theme/basic/_typography.scss
+- templates/project/_compass_treesaver_theme_basic.scss
+- templates/project/manifest.rb
+has_rdoc: true
+homepage: http://zephirworks.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: 1.3.5
+requirements: []
+
+rubyforge_project: compass-treesaver-theme-default-plugin
+rubygems_version: 1.5.2
+signing_key: 
+specification_version: 3
+summary: Basic theme for compass-treesaver-plugin.
+test_files: []
+