shevy 1.0.1 → 2.0.0

data/demo/scss/style.scss

@@ -0,0 +1,202 @@
+@import '../../lib/shevy';
+
+$breakpoints: (
+  'alpha-prime': 478px,
+  'alpha': 520px,
+  'bravo': 769px,
+  'charlie': 1025px,
+  'delta': 1350px,
+);
+
+@mixin bp($bp, $min_max: 'min') {
+  $value: map-get($breakpoints, $bp);
+
+  @if $value != null {
+    @media only screen and (#{$min_max}-width: $value) {
+      @content;
+    }
+  } @else {
+    @warn "Unfortunately, `#{bp}` wasn't found in $breakpoints.";
+  }
+}
+
+//////////////////////////////
+// Base
+//////////////////////////////
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  box-sizing: border-box;
+  font-size: 100%;
+}
+
+body {
+  font-family: sans-serif;
+}
+
+.container {
+  width: 90%;
+  margin: 1em auto;
+
+  @include bp(alpha) {
+    width: 67%;
+  }
+
+  @include bp(charlie) {
+    width: 50%;
+  }
+}
+
+.footer {
+  margin-bottom: bs(2);
+}
+
+//////////////////////////////
+// Typography
+//////////////////////////////
+@include headings;
+@include paragraph;
+
+//////////////////////////////
+// Shevy Block
+//////////////////////////////
+.shevy {
+  background-image: url(http://basehold.it/i/24/);
+  @include headings;
+  @include paragraph;
+}
+
+//////////////////////////////
+// Large Block
+//////////////////////////////
+$large: (
+  'base-font-size': 15px,
+  'base-line-height': 2,
+  'base-font-scale': (6, 5, 4, 3, 2, 1)
+);
+
+.large {
+  background-image: url(http://basehold.it/i/30/);
+  @include headings($large);
+  @include paragraph($large);
+
+  h6 {
+    /* If you're clever and look at this and notice it's different,
+    let me tell you why. Shevy supports a half base-space so that large headings
+    don't have obnoxiously big margins. When you're using basehold.it,
+    it's nice to bump up a margin manually to get the text below back on the baseline. Kudos for finding this */
+    margin-bottom: bs(1.5, $large);
+
+    @include bp(alpha-prime) {
+      margin-bottom: bs(1, $large);
+    }
+  }
+}
+
+//////////////////////////////
+// Responsive Block
+//////////////////////////////
+$responsive: (
+  'base-font-size': 14px,
+  'base-font-scale': (2, 1.75, 1.5, 1.25, 1, .75)
+);
+
+$responsive-alpha: (
+  'base-font-size': 16px,
+  'base-font-scale': (2, 1.75, 1.5, 1.25, 1, .75)
+);
+
+$responsive-bravo: (
+  'base-font-size': 1.5em,
+  'base-font-scale': (2.5, 2.2, 2, 1.75, 1.25, 1)
+);
+
+$responsive-charlie: (
+  'base-font-size': 36px,
+  'base-font-scale': (2.5, 2.2, 2, 1.75, 1.25, 1)
+);
+
+$responsive-delta: (
+  'base-font-size': 48px,
+  'base-font-scale': (3, 2.5, 2, 1.75, 1.25, 1)
+);
+
+.responsive {
+  background-image: url(http://basehold.it/i/21/);
+  @include headings($responsive);
+  @include paragraph($responsive);
+
+  @include bp(alpha) {
+    background-image: url(http://basehold.it/i/24/);
+    @include headings($responsive-alpha);
+    @include paragraph($responsive-alpha);
+  }
+
+  @include bp(bravo) {
+    background-image: url(http://basehold.it/i/54/);
+    @include headings($responsive-bravo);
+    @include paragraph($responsive-bravo);
+  }
+
+  @include bp(charlie) {
+    background-image: url(http://basehold.it/i/54/);
+    @include headings($responsive-charlie);
+    @include paragraph($responsive-charlie);
+  }
+
+  @include bp(delta) {
+    background-image: url(http://basehold.it/i/72/);
+    @include headings($responsive-delta);
+    @include paragraph($responsive-delta);
+  }
+
+  p:first-child {
+
+    @include bp(bravo) {
+      margin-bottom: bs(.5, $responsive-bravo);
+    }
+
+    @include bp(charlie) {
+      margin-bottom: bs(.5, $responsive-charlie);
+    }
+
+    @include bp(delta) {
+      margin-bottom: bs(.5, $responsive-delta);
+    }
+  }
+}
+
+.box {
+  background: red;
+  padding: bs(2);
+  margin-bottom: bs();
+
+  .responsive & {
+    padding: bs(2, $responsive);
+
+    @include bp(alpha) {
+      padding: bs(2, $responsive-alpha);
+    }
+
+    @include bp(bravo) {
+      padding: bs(2, $responsive-bravo);
+    }
+
+    @include bp(charlie) {
+      padding: bs(2, $responsive-charlie);
+    }
+
+    @include bp(delta) {
+      padding: bs(2, $responsive-delta);
+    }
+  }
+}

data/lib/shevy.rb

@@ -1,6 +1,8 @@
-require "shevy/version"
+require "shevy/generator"
 
-module Shevy
-  class Engine < ::Rails::Engine
-  end
-end
+shevy_path = File.expand_path('../../core', __FILE__)
+
+ENV["SASS_PATH"] = [
+  ENV["SASS_PATH"],
+  shevy_path
+].compact.join(File::PATH_SEPARATOR)

data/lib/shevy/generator.rb

@@ -0,0 +1,81 @@
+require 'shevy/version'
+require 'fileutils'
+require 'thor'
+require 'pathname'
+
+module Shevy
+  class Generator < Thor
+    map ["-v", "--version"] => :version
+
+    desc "install", "Install Shevy into your project"
+    method_options :path => :string, :force => :boolean
+    def install
+      if shevy_files_already_exist? && !options[:force]
+        puts "Shevy files already installed, doing nothing."
+      else
+        install_files
+        puts "Shevy files installed to #{install_path}/"
+      end
+    end
+
+    desc "update", "Update Shevy"
+    method_options :path => :string
+    def update
+      if shevy_files_already_exist?
+        remove_shevy_directory
+        install_files
+        puts "Shevy files updated."
+      else
+        puts "No existing shevy installation. Doing nothing."
+      end
+    end
+
+    desc "version", "Show Shevy version"
+    def version
+      say "Shevy #{Shevy::VERSION}"
+    end
+
+    private
+
+    def shevy_files_already_exist?
+      install_path.exist?
+    end
+
+    def install_path
+      @install_path ||= if options[:path]
+          Pathname.new(File.join(options[:path], "shevy"))
+        else
+          Pathname.new("shevy")
+        end
+    end
+
+    def install_files
+      make_install_directory
+      copy_in_scss_files
+    end
+
+    def remove_shevy_directory
+      FileUtils.rm_rf("shevy")
+    end
+
+    def make_install_directory
+      FileUtils.mkdir_p(install_path)
+    end
+
+    def copy_in_scss_files
+      FileUtils.cp_r(all_stylesheets, install_path)
+    end
+
+    def all_stylesheets
+      Dir["#{stylesheets_directory}/*"]
+    end
+
+    def stylesheets_directory
+      File.join(top_level_directory, "core")
+    end
+
+    def top_level_directory
+      File.dirname(File.dirname(File.dirname(__FILE__)))
+    end
+  end
+end

data/lib/shevy/version.rb

@@ -1,3 +1,3 @@
 module Shevy
-  VERSION = "1.0.1"
+  VERSION = "2.0.0"
 end

data/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "Shevy",
+  "version": "1.0.0",
+  "description": "A vertical rhythm library",
+  "main": "Gruntfile.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:kyleshevlin/shevy.git"
+  },
+  "keywords": [
+    "Shevy",
+    "vertical",
+    "rhythm",
+    "typography",
+    "Sass"
+  ],
+  "author": "Kyle Shevlin",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/kyleshevlin/shevy/issues"
+  },
+  "homepage": "https://github.com/kyleshevlin/shevy",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-autoprefixer": "^3.0.0",
+    "grunt-contrib-connect": "^0.10.1",
+    "grunt-contrib-sass": "^0.9.2",
+    "grunt-contrib-watch": "^0.6.1",
+    "load-grunt-tasks": "^3.1.0"
+  }
+}

data/sache.json

@@ -0,0 +1,6 @@
+{
+  "name": "Shevy",
+  "description": "Microlibrary for perfect typography and vertical rhythm.",
+  "tags": ["scss", "typography", "mixins", "responsive", "design"],
+  "website": "https://github.com/kyleshevlin/shevy"
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shevy
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Kyle Shevlin
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-03-04 00:00:00.000000000 Z
+date: 2016-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -48,17 +48,27 @@ extra_rdoc_files: []
 files:
 - ".gitignore"
 - Gemfile
+- Gruntfile.js
+- LICENSE.md
 - README.md
 - Rakefile
 - bin/console
 - bin/setup
+- bower.json
+- core/_shevy.scss
+- core/_shevy_functions.scss
+- core/_shevy_mixins.scss
+- core/_shevy_variables.scss
+- demo/css/style.css
+- demo/dist/style.css
+- demo/index.html
+- demo/scss/style.scss
 - lib/shevy.rb
+- lib/shevy/generator.rb
 - lib/shevy/version.rb
+- package.json
+- sache.json
 - shevy.gemspec
-- vendor/assets/stylesheets/shevy.scss
-- vendor/assets/stylesheets/shevy/_shevy_functions.scss
-- vendor/assets/stylesheets/shevy/_shevy_mixins.scss
-- vendor/assets/stylesheets/shevy/_shevy_variables.scss
 homepage: https://github.com/kyleshevlin/shevy
 licenses:
 - MIT

data/vendor/assets/stylesheets/shevy.scss

@@ -1,13 +0,0 @@
-//////////////////////////////
-// Shevy
-// Version: 1.0.0
-// Author: Kyle Shevlin
-// Github: https://www.github.com/kyleshevlin
-// Repo: https://www.github.com/kyleshevlin/shevy
-//////////////////////////////
-
-@import
-  'shevy/shevy_variables',
-  'shevy/shevy_functions',
-  'shevy/shevy_mixins'
-;

data/vendor/assets/stylesheets/shevy/_shevy_functions.scss

@@ -1,39 +0,0 @@
-//////////////////////////////
-// Shevy Functions
-//////////////////////////////
-
-// Get font size from the font-scale
-@function get-font-scale-value($iterator, $map: $shevy) {
-  @return nth(map-get($map, 'base-font-scale'), $iterator);
-}
-
-// Base Unit Multiplier
-// Creates a 1(base-unit) to use for multiplying
-@function base-unit-multiplier($unit) {
-  @if $unit == 'px' {
-    @return 1px;
-  } @else if $unit == 'em' {
-    @return 1em;
-  } @else if $unit == 'rem' {
-    @return 1rem;
-  } @else {
-    @warn "Sorry, but that's an unsupported unit of measure.";
-  }
-}
-
-// Base-spacing
-// Allows the user to create spacing as multiples or dividends of the $base-spacing variable
-@function base-spacing($factor: 1, $map: $shevy) {
-  // Merge defaults with provided map,
-  $_current_map: map-merge($shevy-defaults, $map);
-
-  $_base-font-size: map-get($_current_map, 'base-font-size');
-  $_base-line-height: map-get($_current_map, 'base-line-height');
-  $_base-spacing: $_base-font-size * $_base-line-height;
-
-  @return $_base-spacing * $factor;
-}
-
-@function bs($factor: 1, $map: $shevy) {
-  @return base-spacing($factor, $map);
-}