cs_template 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 21bc5d2c008fc16b6310b9ae0fec0d547f12b0d7
+  data.tar.gz: d468fad926124046449beceed06613e704e9b9cc
+SHA512:
+  metadata.gz: 3662a783df5f50b75695063cffb6a41f49027ed99c76e1503ae51f30f070a962a5751af2cc43b55b9d88bd3d0a33a1282461440fa96b7bc17a5af08980348f2a
+  data.tar.gz: d767e4e11264ed7ceb0d539a1150425cd19ce43a41fb77ea2c1b7774cf97de0c4a21c61ced66999360f04a77fd87b88ba71ea1495af5e0651c84f6fc1e057645

data/.gitignore

@@ -0,0 +1,10 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+.DS_Store

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.0.0
+before_install: gem install bundler -v 1.10.6

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 TODO: Write your name
+
+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,68 @@
+# CsTemplate
+
+## Base template for kickstarting an application.
+
+### Includes
+- 7-1 pattern file structure
+- Bourbon
+- Neat
+- Base styles for...
+  - Typography
+  - Colors
+  - Mixins
+  - Headers
+  - Footers
+  - Buttons
+  - Forms
+  - Tables
+  - Lists
+  - Sections
+  - Login Screens
+  - Night Themes
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'cs_template'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install cs_template
+
+## Usage
+
+### Install
+
+`cs_template install`
+- Generates all SCSS files in your project
+- Skips over any existing directories that match the 7-1 pattern
+  - Example. If you already have a vendor directory, it will not destroy it and create a new one.
+- Installs the SCSS from Bourbon and Neat in your vendor directory
+
+### Destroy
+
+`cs_template destroy`
+- Wipes out every directory and file matching the 7-1 pattern
+
+This is useful if you just want to install the template for temporary use. Do not
+use this if you wish to only delete select files in each directory. This wipes
+everything.
+
+## Development
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/havok2905/cs_template.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/stylesheets/base/body.scss

@@ -0,0 +1,4 @@
+html, body {
+  margin: 0;
+  padding: 0;
+}

data/app/assets/stylesheets/base/type.scss

@@ -0,0 +1,74 @@
+$normal-font-size:       14px;
+$tiny-font-size:         12px;
+
+$header-one-font-size:   48px;
+$header-two-font-size:   36px;
+$header-three-font-size: 28px;
+$header-four-font-size:  24px;
+$header-five-font-size:  20px;
+$header-six-font-size:   14px;
+
+$open-sans: 'Open Sans', sans-serif;
+
+html, body {
+  font-size: $normal-font-size;
+  font-family: $open-sans;
+  color: $off-black;
+}
+
+p {
+  @include default-margins();
+  line-height: 2.5;
+}
+
+a {
+  @include anchor-reset($primary-color);
+  &:hover { color: lighten($primary-color, 20); }
+}
+
+em, cite {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+
+sup {
+  vertical-align: super;
+  font-size: smaller;
+}
+
+sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+h1 {
+  font-size: $header-one-font-size;
+}
+
+h2 {
+  font-size: $header-two-font-size;
+}
+
+h3 {
+  font-size: $header-three-font-size;
+}
+
+h4 {
+  font-size: $header-four-font-size;
+}
+
+h5 {
+  font-size: $header-five-font-size;
+}
+
+h6 {
+  font-size: $header-six-font-size;
+}

data/app/assets/stylesheets/components/button.scss

@@ -0,0 +1,46 @@
+a.button {
+  line-height: 40px;
+  &.-small { line-height: 30px; }
+  &.-large { line-height: 50px; }
+}
+
+.button {
+  @include anchor-reset($white);
+
+  display: inline-block;
+  width: 100px;
+  height: 40px;
+  border: none;
+  border-radius: 5px;
+  font-size: $tiny-font-size;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  transition: background-color 0.3s;
+
+  &.-small {
+    width: 75px;
+    height: 30px;
+  }
+
+  &.-large {
+    width: 150px;
+    height: 50px;
+    font-size: $normal-font-size;
+  }
+
+  &.-save {
+    background-color: $okay;
+    &:hover { background-color: lighten($okay, 10); }
+  }
+
+  &.-neutral {
+    background-color: $primary-color;
+    &:hover { background-color: lighten($primary-color, 10); }
+  }
+
+  &.-destroy {
+    background-color: $alert;
+    &:hover { background-color: lighten($alert, 10); }
+  }
+}

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

@@ -0,0 +1,41 @@
+form {
+  @include default-margins();
+
+  fieldset {
+    @include default-margins();
+    border: none;
+    padding: 0;
+  }
+
+  input, label, select, textarea {
+    font-size: $normal-font-size;
+    display: block;
+    width: 100%;
+  }
+
+  input, textarea {
+    border: solid 1px $gray;
+    height: 40px;
+    padding: 10px;
+    border-radius: 5px;
+  }
+
+  input[type='checkbox'], input[type='radio'], input[type='file'] {
+    border: none;
+    display: inline;
+    margin: 15px 0;
+    width: auto;
+    height: auto;
+
+    + label {
+      display: inline;
+      vertical-align: middle;
+      margin-right: 15px;
+    }
+  }
+
+  label {
+    font-weight: bold;
+    margin: 15px 0;
+  }
+}

data/app/assets/stylesheets/components/list.scss

@@ -0,0 +1,30 @@
+ol, ul, dl {
+  @include default-margins();
+}
+
+ol, ul {
+  margin-left: -20px;
+}
+
+ol {
+  li {
+    list-style-type: decimal;
+  }
+}
+
+ul {
+  li {
+    list-style-type: disc;
+  }
+}
+
+dl {
+  dt {
+    font-weight: bold;
+    margin: 5px 0;
+  }
+
+  dd {
+    margin: 0 0 15px 0;
+  }
+}

data/app/assets/stylesheets/components/section.scss

@@ -0,0 +1,4 @@
+section {
+  @include outer-container();
+  padding: 20px;
+}

data/app/assets/stylesheets/components/table.scss

@@ -0,0 +1,29 @@
+// Pillaged from Bitters
+
+table {
+  @include default-margins();
+
+  table-layout: fixed;
+  width: 100%;
+  border-collapse: collapse;
+
+  tr, td, th {
+    vertical-align: middle;
+  }
+
+  th {
+    border-bottom: 1px solid $gray;
+    font-weight: 600;
+    padding: 15px;
+    text-align: left;
+  }
+
+  td {
+    border-bottom: solid 1px $gray;
+    padding: 15px;
+  }
+
+  tfoot td {
+    border-bottom: none;
+  }
+}

data/app/assets/stylesheets/layout/footer.scss

@@ -0,0 +1,9 @@
+footer {
+  padding: 30px;
+  background-color: $primary-color;
+  color: $white;
+
+  div {
+    @include outer-container();
+  }
+}

data/app/assets/stylesheets/layout/header.scss

@@ -0,0 +1,28 @@
+header {
+  nav {
+    box-sizing: border-box;
+    padding: 20px;
+    font-size: $tiny-font-size;
+    color: $white;
+
+    &:after { @include clearfix; }
+  }
+
+  .left  { float: left;  }
+  .right { float: right; }
+
+  h1 {
+    display: inline;
+    font-size: $tiny-font-size;
+    line-height: normal;
+  }
+
+  ul {
+    display: inline;
+  }
+
+  li {
+    list-style-type: none;
+    display: inline;
+  }
+}

data/app/assets/stylesheets/main.scss

@@ -0,0 +1,21 @@
+@import "vendor/bourbon/bourbon";
+@import "vendor/neat/neat";
+
+@import "utils/colors";
+@import "utils/mixins";
+
+@import "base/body";
+@import "base/type";
+
+@import "layout/header";
+@import "layout/footer";
+
+@import "components/button";
+@import "components/list";
+@import "components/section";
+@import "components/table";
+@import "components/form";
+
+@import "pages/login";
+
+@import "themes/night";

data/app/assets/stylesheets/pages/login.scss

@@ -0,0 +1,17 @@
+.login {
+  h1 {
+    text-align: center;
+  }
+
+  form {
+    width: 800px;
+    margin: 0 auto;
+  }
+
+  fieldset {
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+}

data/app/assets/stylesheets/themes/night.scss

@@ -0,0 +1,13 @@
+.night {
+  background-color: $black;
+  color: $gray;
+
+  fieldset {
+    border-color: $black;
+  }
+
+  input, textarea {
+    background-color: $off-black;
+    border-color: $black;
+  }
+}

data/app/assets/stylesheets/utils/colors.scss

@@ -0,0 +1,21 @@
+$primary-color:   #1E62AE; // Cloudspace Blue
+$secondary-color: #6CC6F7; // Other Blue
+$alert:           #DB4848; // Red
+$warning:         #E2DE63; // Yellow
+$okay:            #67e564; // Green
+$black:           #000000;
+$off-black:       #333333;
+$gray:            #CCCCCC;
+$off-white:       #EEEEEE;
+$white:           #FFFFFF;
+
+.bg-primary-color   { background-color: $primary-color;   color: $white; }
+.bg-secondary-color { background-color: $secondary-color; color: $white; }
+.bg-alert           { background-color: $alert;           color: $white; }
+.bg-warning         { background-color: $warning;         color: $white; }
+.bg-okay            { background-color: $okay;            color: $white; }
+.bg-black           { background-color: $black;            color: $white; }
+.bg-off-black       { background-color: $off-black;       color: $white; }
+.bg-gray            { background-color: $gray;            color: $black; }
+.bg-off-white       { background-color: $off-white;       color: $black; }
+.bg-white           { background-color: $white;           color: $black; }

data/app/assets/stylesheets/utils/mixins.scss

@@ -0,0 +1,9 @@
+@mixin anchor-reset($color) {
+  text-decoration: none;
+  color: $color;
+  transition: color 0.3s;
+}
+
+@mixin default-margins() {
+  margin: 15px 0;
+}

data/bin/cs_template

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+
+require 'cs_template'
+CsTemplate::Generator.start

data/cs_template.gemspec

@@ -0,0 +1,36 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'cs_template/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "cs_template"
+  spec.version       = CsTemplate::VERSION
+  spec.authors       = ["Chris McLean"]
+  spec.email         = ["havok2905@gmail.com"]
+
+  spec.summary       = %q{Kick off any project with SASS}
+  spec.description   = %q{A base sass template for kicking off new projects}
+  spec.homepage      = "https://github.com/havok2905/cs-template"
+  spec.license       = "MIT"
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+  if spec.respond_to?(:metadata)
+    spec.metadata['allowed_push_host'] = "https://rubygems.org/gems/cs_template"
+  else
+    raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
+  end
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.executables   = ["cs_template"]
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency 'thor', '~> 0.19.1'
+  spec.add_runtime_dependency 'sass', '~> 3.4'
+  spec.add_runtime_dependency 'bourbon', '~> 4.2'
+  spec.add_runtime_dependency 'neat', '~> 1.7'
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/cs_template/generator.rb

@@ -0,0 +1,90 @@
+require 'thor'
+require 'fileutils'
+
+module CsTemplate
+  class Generator < Thor
+
+    desc 'install', 'Installs the sass files.'
+    def install
+      sass_files_install
+      gem_install 'bourbon'
+      gem_install 'neat'
+    end
+
+    desc 'destroy', 'BEWARE! Destroys all SASS files.'
+    def destroy
+      sass_files_destroy
+    end
+
+    private
+
+    def seven_one_pattern
+      %w(base components layout pages themes utils vendor)
+    end
+
+    def main_scss
+      'main.scss'
+    end
+
+    def sass_files_install
+      seven_one_pattern.each do |dir_name|
+        copy_directory(dir_name) || init_directory(dir_name) || nil
+      end
+      main_scss_install
+    end
+
+    def main_scss_install
+      !File.file?(main_scss) && FileUtils.cp_r(asset_path(main_scss), './')
+    end
+
+    def sass_files_destroy
+      seven_one_pattern.each do |dir_name|
+        destroy_directory(dir_name) || nil
+      end
+      main_scss_destroy
+    end
+
+    def main_scss_destroy
+      File.file?(main_scss) && FileUtils.rm_r(local_path(main_scss))
+    end
+
+    def copy_directory(dir_name)
+      a_path = asset_path dir_name
+      l_path = local_path dir_name
+      return if empty_directory?(a_path) || File.directory?(l_path)
+      FileUtils.cp_r a_path, './'
+    end
+
+    def init_directory(dir_name)
+      a_path = asset_path dir_name
+      l_path = local_path dir_name
+      return if !empty_directory?(a_path) || File.directory?(l_path)
+      FileUtils.mkdir_p dir_name
+    end
+
+    def destroy_directory(dir_name)
+      path = local_path dir_name
+      return if !File.directory? path
+      FileUtils.rm_r path
+    end
+
+    def asset_path(dir_name)
+      root_dir = File.dirname(File.dirname(File.dirname(__FILE__)))
+      File.join root_dir, 'app', 'assets', 'stylesheets', dir_name
+    end
+
+    def local_path(dir_name)
+      "./#{dir_name}"
+    end
+
+    def empty_directory?(path)
+      (Dir[path].entries - %w{ . .. }).empty?
+    end
+
+    def gem_install(gem)
+      FileUtils.cd 'vendor'
+      system "#{gem} install"
+      FileUtils.cd '../'
+    end
+  end
+end

data/lib/cs_template/version.rb

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

data/lib/cs_template.rb

@@ -0,0 +1,5 @@
+require "cs_template/version"
+require "cs_template/generator"
+
+module CsTemplate
+end

metadata

@@ -0,0 +1,155 @@
+--- !ruby/object:Gem::Specification
+name: cs_template
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Chris McLean
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-10-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.19.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.19.1
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: bourbon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '4.2'
+- !ruby/object:Gem::Dependency
+  name: neat
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: A base sass template for kicking off new projects
+email:
+- havok2905@gmail.com
+executables:
+- cs_template
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .travis.yml
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/base/body.scss
+- app/assets/stylesheets/base/type.scss
+- app/assets/stylesheets/components/button.scss
+- app/assets/stylesheets/components/form.scss
+- app/assets/stylesheets/components/list.scss
+- app/assets/stylesheets/components/section.scss
+- app/assets/stylesheets/components/table.scss
+- app/assets/stylesheets/layout/footer.scss
+- app/assets/stylesheets/layout/header.scss
+- app/assets/stylesheets/main.scss
+- app/assets/stylesheets/pages/login.scss
+- app/assets/stylesheets/themes/night.scss
+- app/assets/stylesheets/utils/colors.scss
+- app/assets/stylesheets/utils/mixins.scss
+- bin/cs_template
+- cs_template.gemspec
+- lib/cs_template.rb
+- lib/cs_template/generator.rb
+- lib/cs_template/version.rb
+homepage: https://github.com/havok2905/cs-template
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org/gems/cs_template
+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.0.14.1
+signing_key: 
+specification_version: 4
+summary: Kick off any project with SASS
+test_files: []