shipd_style 0.1.0

data/lib/sass/variables/_colors.scss

@@ -0,0 +1,43 @@
+$lightest-color: #fff;
+$darkest-color: #333;
+
+// Shades of gray
+$neutral-90: mix($lightest-color, $darkest-color, 10%);
+$neutral-80: mix($lightest-color, $darkest-color, 20%);
+$neutral-70: mix($lightest-color, $darkest-color, 30%);
+$neutral-60: mix($lightest-color, $darkest-color, 40%);
+$neutral-50: mix($lightest-color, $darkest-color, 50%);
+$neutral-40: mix($lightest-color, $darkest-color, 60%);
+$neutral-30: mix($lightest-color, $darkest-color, 70%);
+$neutral-20: mix($lightest-color, $darkest-color, 80%);
+$neutral-10: mix($lightest-color, $darkest-color, 90%);
+
+// Theme based color
+$primary:        rgb(125, 192, 251);
+$primary-light:  lighten($primary, 5%);
+$primary-dark:   darken($primary, 5%);
+
+$accent:         rgb(255, 186, 30);
+$accent-light:   lighten($accent, 10%);
+$accent-dark:    darken($accent, 10%);
+
+$accent-2:         rgb(67, 169, 120);
+$accent-2-light:   lighten($accent-2, 5%);
+$accent-2-dark:    darken($accent-2, 5%);
+
+// Semantic colors;
+$info:          darken($primary, 30%);
+$info-light:    lighten($info, 5%);
+$info-dark:     darken($info, 5%);
+
+$info-2:        darken($accent-2, 10%);
+$info-2-light:  lighten($info-2, 5%);
+$info-2-dark:   darken($info-2, 5%);
+
+$warn:          darken($accent, 20%);
+$warn-light:    lighten($warn, 5%);
+$warn-dark:     darken($warn, 5%);
+
+$error:         rgb(255, 64, 34);
+$error-light:   lighten($error, 5%);
+$error-dark:    darken($error, 5%);

data/lib/sass/variables/_font.scss

@@ -0,0 +1,7 @@
+$sans-serif-main: "Trebuchet MS", Trebuchet, Tahoma, Geneva, sans-serif;
+$serif-main:      "Port Lligat Slab", Rockwell, "Lucida Sans Typewriter", serif;
+
+$headline-font: $serif-main;
+$headline-2-font: $sans-serif-main;
+$body-font: $sans-serif-main;
+$button-font: $sans-serif-main;

data/lib/sass/variables/_form_spacing.scss

@@ -0,0 +1,4 @@
+$input-top-padding: 1*$spacing;
+$input-side-padding: 1.2*$spacing;
+$input-border-width: 1px;
+$input-border-width-special: 2px;

data/lib/sass/variables/_misc.scss

@@ -0,0 +1,5 @@
+$overlay-height: 10000;
+$border-width: 1px;
+$shadow-padding: 4px;
+$tablet-break-point: 768px;
+$desktop-break-point: 1024px;

data/lib/sass/variables/_mixins.scss

@@ -0,0 +1,45 @@
+@mixin line {
+  display: block;
+  overflow: hidden;
+  *overflow: visible;
+  *zoom: 1;
+}
+
+@mixin bordered {
+  border: $border-width solid $neutral-20;
+}
+
+@mixin rounded {
+  @include border-radius($border-radius-size);
+}
+
+@mixin shadowed {
+  @include box-shadow(transparentize($darkest-color, 0.3) $shadow-padding/2 $shadow-padding/2 $shadow-padding);
+}
+
+@mixin depressed-shadow {
+  @include box-shadow(inset transparentize($darkest-color, 0.3) $shadow-padding/2 $shadow-padding/2 $shadow-padding);
+}
+
+@mixin text-shadowed {
+  @include text-shadow(transparentize($darkest-color, 0.3) 1px 1px 1px);
+}
+
+@mixin text-shadowed-light {
+  @include text-shadow(1px 1px 0px $lightest-color);
+}
+
+@mixin opacity-transition {
+  @include transition-property(opacity);
+  @include transition-duration(500ms);
+}
+
+/* form input fixes */
+@mixin focus-input-padding-fix {
+  padding: $input-top-padding - $input-border-width $input-side-padding - $input-border-width;
+}
+
+@mixin input-margin-fix {
+  margin-left: -$input-side-padding;
+  margin-top: -$input-top-padding;
+}

data/lib/sass/variables/_spacing.scss

@@ -0,0 +1,4 @@
+$em: 20px;
+$spacing: 10px;
+$line-height: 1.6;
+$border-radius-size: 5px;

data/lib/shipd_style/copy_stylesheets.rb

@@ -0,0 +1,16 @@
+module ShipdStyle
+  class CopyStylesheets < Struct.new(:path)
+    def perform
+      make_directory
+      `cp -r #{sass_directory} #{path}`
+    end
+
+    def make_directory
+      `mkdir #{path}` unless File.exist?(path)
+    end
+
+    def sass_directory
+      File.expand_path(File.dirname(__FILE__) + "/../sass/*" )
+    end
+  end
+end

data/lib/shipd_style/shipd_style.rake

@@ -0,0 +1,9 @@
+require_relative 'copy_stylesheets'
+
+namespace :shipd_style do
+  desc "Copy all the good stuff to a directory"
+  task :copy_stylesheets, [:path] do |t, args|
+    path = args[:path] || `pwd`
+    ShipdStyle::CopyStylesheets.new(path).perform
+  end
+end

data/lib/shipd_style/tasks.rb

@@ -0,0 +1,3 @@
+require 'shipd_style'
+
+load "#{File.dirname(__FILE__)}/shipd_style.rake"

data/lib/shipd_style/version.rb

@@ -0,0 +1,3 @@
+module ShipdStyle
+  VERSION = "0.1.0"
+end

data/lib/shipd_style.rb

@@ -0,0 +1,5 @@
+require "shipd_style/version"
+require "shipd_style/copy_stylesheets"
+
+require "compass"
+Compass::Frameworks.register('shipd_style', {path: File.dirname(__FILE__)})

data/lib/templates/carousel.html

@@ -0,0 +1,6 @@
+<script class='html-template' type="text/html" id="carousel-container-template">
+  <div class='carousel-container my-carousel row'>
+    <div class='carousel-window'>
+    </div>
+  </div>
+</script>

data/lib/templates/dialog.html

@@ -0,0 +1,15 @@
+<script class='html-template' type="text/html" id="overlay-template">
+  <div id="overlay">
+  </div>
+</script>
+
+<script class='html-template' type="text/html" id="dialog-template">
+  <div class='dialog-container'>
+    <div class='inner dialog-inner'>
+      <div class='dialog inner border rounded'>
+        <div class="close-dialog close-x">&times;</div>
+        <!-- content here -->
+      </div>
+    </div>
+  </div>
+</script>

data/lib/templates/page-layout.html

@@ -0,0 +1,4 @@
+<script type="text/html" id="page-template">
+  <div id="page">
+  </div>
+</script>

data/shipd_style.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'shipd_style/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "shipd_style"
+  spec.version       = ShipdStyle::VERSION
+  spec.authors       = ["Kane Baccigalupi"]
+  spec.email         = ["kane@shipd.id"]
+  spec.summary       = %q{Responsive Design CSS3 Compass Framework}
+  spec.description   = %q{ShipdStyle is a compass driven CSS3 framework that makes building responsive designs easy, and extensible.}
+  spec.homepage      = "https://github.com/shipd/shipd_style"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "compass"
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,144 @@
+--- !ruby/object:Gem::Specification
+name: shipd_style
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Kane Baccigalupi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: ShipdStyle is a compass driven CSS3 framework that makes building responsive
+  designs easy, and extensible.
+email:
+- kane@shipd.id
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".ruby-gemset"
+- ".ruby-version"
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- config.rb
+- demo/carousel.html
+- demo/desktop-styles.html
+- demo/dialog.html
+- demo/index.html
+- demo/mobile-styles.html
+- demo/responsive-columns.html
+- demo/tablet-styles.html
+- lib/sass/_shipd-variables.scss
+- lib/sass/desktop/_button-form-elements.scss
+- lib/sass/desktop/_grid.scss
+- lib/sass/desktop/_layout-elements.scss
+- lib/sass/desktop/_typography.scss
+- lib/sass/desktop/_variable_overrides.scss
+- lib/sass/desktop/_variables.scss
+- lib/sass/mobile/_grid.scss
+- lib/sass/mobile/_oo-styles.scss
+- lib/sass/mobile/_typography.scss
+- lib/sass/mobile/widgets/_buttons.scss
+- lib/sass/mobile/widgets/_carousel.scss
+- lib/sass/mobile/widgets/_dialog-overlay.scss
+- lib/sass/mobile/widgets/_form-elements.scss
+- lib/sass/mobile/widgets/_header.scss
+- lib/sass/mobile/widgets/_page-layout.scss
+- lib/sass/shipd-all.scss
+- lib/sass/shipd-desktop.scss
+- lib/sass/shipd-mobile.scss
+- lib/sass/shipd-tablet.scss
+- lib/sass/tablet/_button-form-elements.scss
+- lib/sass/tablet/_grid.scss
+- lib/sass/tablet/_layout-elements.scss
+- lib/sass/tablet/_typography.scss
+- lib/sass/tablet/_variable_overrides.scss
+- lib/sass/tablet/_variables.scss
+- lib/sass/variables/_colors.scss
+- lib/sass/variables/_font.scss
+- lib/sass/variables/_form_spacing.scss
+- lib/sass/variables/_misc.scss
+- lib/sass/variables/_mixins.scss
+- lib/sass/variables/_spacing.scss
+- lib/shipd_style.rb
+- lib/shipd_style/copy_stylesheets.rb
+- lib/shipd_style/shipd_style.rake
+- lib/shipd_style/tasks.rb
+- lib/shipd_style/version.rb
+- lib/templates/carousel.html
+- lib/templates/dialog.html
+- lib/templates/page-layout.html
+- shipd_style.gemspec
+homepage: https://github.com/shipd/shipd_style
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Responsive Design CSS3 Compass Framework
+test_files: []