rhythm 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7f7461a4a02bea1f9e5637dea6af00d51c24a86d
+  data.tar.gz: 329f7657a950381e73e34073254f519afbf70c91
+SHA512:
+  metadata.gz: a06cce7d98baf803b985547eaf568991948f65466c19233375e084106335d8128d15bc56424d17474355c74a472afbae9192349a3a5a216951203042b9ecedb7
+  data.tar.gz: 3033c4a56f3588a9ac0bccb2f622a0356f7cb48df35316191c924132541864b258e3dd650dc6dcdbcfc2b2b0915aecdc661e79c39bf3bf59b5383761f7e81e71

data/Gemfile

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

data/Gemfile.lock

@@ -0,0 +1,14 @@
+PATH
+  remote: .
+  specs:
+    rhythm (0.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  rhythm!

data/README.md

@@ -0,0 +1,35 @@
+# Rhythm
+
+**Responsive typography foundation with vertical rhythm.**
+
+Inspired by [Medium.com](https://medium.com/), based on [Typebase.css](http://devinhunt.github.io/typebase.css/) & [Normalize.css](http://necolas.github.io/normalize.css/).
+
+Usage:
+
+    //= require normalize
+
+    @import "rhythm/typography";
+
+    $baseColor:        rgba(0,0,0,0.8);
+    $linkColor:        #222;
+    $baseFontFamily:   'Georgia', serif;
+    $headerFontFamily: 'Myriad Pro', sans-serif;
+    $codeFontFamily:   'Monaco', monospace;
+    $baseFontSize:     20;
+    $baseLineHeight:   1.5;
+    $h1:               0.33 * 7.3;
+    $h2:               0.33 * 4.3;
+    $h3:               0.33 * 3.3;
+
+    html {
+      @include typography( $baseColor,
+                           $linkColor,
+                           $baseFontFamily,
+                           $headerFontFamily,
+                           $codeFontFamily,
+                           $baseFontSize,
+                           $baseLineHeight,
+                           $h1,
+                           $h2,
+                           $h3 );
+    }

data/Rakefile

@@ -0,0 +1,5 @@
+require 'rubygems/package_task'
+
+spec = Gem::Specification.load(Dir['*.gemspec'].first)
+gem = Gem::PackageTask.new(spec)
+gem.define()

data/app/assets/stylesheets/rhythm/typography.scss

@@ -0,0 +1,179 @@
+/*
+  Rhythm Typography v0.1
+
+  Author: Alexander Kravets @ http://www.slatestudio.com
+
+  Inspired by Medium.com, based on Typebase.css & Normalize.css
+    - http://necolas.github.io/normalize.css/
+    - http://devinhunt.github.io/typebase.css/
+
+  Usage:
+
+  //= require normalize
+
+  @import "rhythm/typography";
+
+  $baseColor:        rgba(0,0,0,0.8);
+  $linkColor:        #222;
+  $baseFontFamily:   'Georgia', serif;
+  $headerFontFamily: 'Myriad Pro', sans-serif;
+  $codeFontFamily:   'Monaco', monospace;
+  $baseFontSize:     20;
+  $baseLineHeight:   1.5;
+  $h1:               0.33 * 7.3;
+  $h2:               0.33 * 4.3;
+  $h3:               0.33 * 3.3;
+
+  html {
+    @include typography( $baseColor,
+                         $linkColor,
+                         $baseFontFamily,
+                         $headerFontFamily,
+                         $codeFontFamily,
+                         $baseFontSize,
+                         $baseLineHeight,
+                         $h1,
+                         $h2,
+                         $h3 );
+  }
+*/
+
+@mixin mediumLinkUnderline($color)    { color: $color;
+                                        background-clip: border-box;
+                                        background-image: linear-gradient(rgb(255, 255, 255) 50%, $color 50%);
+                                        background-position: 0 1em;
+                                        background-repeat: repeat-x;
+                                        background-size: 2px 2px;
+                                        text-decoration: none;
+                                        word-break: break-all;
+}
+
+@mixin mediumHorizontalRule($color)   { position: relative;
+                                        left: 50%;
+                                        width: 4em;
+                                        margin: 2.25em 0 2.25em -2em;
+                                        border-top-style: solid;
+                                        border-top-color: $color;
+                                        border-left-width: 0px;
+                                        border-right-width: 0px;
+                                        border-bottom-width: 0px;
+}
+
+@mixin mediumUnorderedList($leading)  { list-style: none;
+                                        list-style-image: none;
+                                        padding: 0;
+  li                                  { margin-left: $leading;
+    &:before                          { content: '•';
+                                        display: inline-block;
+                                        position: absolute;
+                                        list-style-type: none;
+                                        list-style-image: none;
+                                        font-size: 1em;
+                                        padding: 0;
+                                        margin-left: -1em;
+    }
+  }
+}
+
+@mixin headerSize($fontSize, $baseLineHeight) {
+  $lineHeight: ceil(100 * $baseLineHeight * ceil($fontSize / $baseLineHeight) / $fontSize);
+  $margin: $lineHeight / 100;
+                                        font-size:     $fontSize * 1em;
+                                        line-height:   $lineHeight * 1%;
+                                        margin-top:    $margin * 1em;
+                                        margin-bottom: $margin * 1em;
+                                        word-break:    normal;
+}
+
+@mixin typography( $baseColor:        rgba(0,0,0,0.8),
+                   $linkColor:        #222,
+                   $baseFontFamily:   serif,
+                   $headerFontFamily: sans-serif,
+                   $codeFontFamily:   monospace,
+                   $baseFontSize:     20,
+                   $baseLineHeight:   1.5,
+                   $h1:               0.33 * 7.3,
+                   $h2:               0.33 * 4.3,
+                   $h3:               0.33 * 3.3 ) {
+
+  $leading: $baseLineHeight * 1em;
+
+  /* Container font settings */
+                                        font-family: $baseFontFamily;
+                                        font-size: $baseFontSize * 1px;
+                                        color: $baseColor;
+                                        letter-spacing: 0.02em;
+
+  /* Copy & Lists */
+  p                                   { line-height: $leading;
+                                        margin-top: $leading;
+                                        margin-bottom: $leading;
+  }
+
+  /* First passage after h3 */
+  h3 + p                              { margin-top: 0; }
+
+  ul, ol                              { margin-top: $leading;
+                                        margin-bottom: $leading;
+    li                                { line-height: $leading; }
+    ul, ol                            { margin-top: 0;
+                                        margin-bottom: 0;
+    }
+  }
+  ul                                  { @include mediumUnorderedList($leading); }
+  blockquote                          { line-height: $leading;
+                                        margin-top: $leading;
+                                        margin-bottom: $leading;
+                                        font-style: italic;
+                                        text-align: center;
+  }
+
+  /* Headings */
+  h1, h2, h3                          { /* Change heading typefaces here */
+                                        font-family: $headerFontFamily;
+                                        line-height: $leading;
+                                        letter-spacing: 0em;
+  }
+  h1                                  { @include headerSize($h1, $baseLineHeight);
+                                        margin-bottom: 0;
+  }
+  h2                                  { @include headerSize($h2, $baseLineHeight); }
+  h3                                  { @include headerSize($h3, $baseLineHeight);
+                                        margin-bottom: 0;
+  }
+
+  /* Images */
+  img                                 { max-width: 100%; }
+
+  /* Links */
+  a                                   { @include mediumLinkUnderline($linkColor);
+  }
+
+  /* Horizontal Rule */
+  hr                                  { @include mediumHorizontalRule(lighten($baseColor, 80%));
+  }
+
+  /* Tables */
+  table                               { margin-top: $leading;
+                                        border-spacing: 0px;
+                                        border-collapse: collapse;
+  }
+  td, th                              { padding: 0;
+                                        line-height: $baseLineHeight * $baseFontSize - 0px;
+  }
+
+  /* Code blocks */
+  code                                { // Forces text to constrain to the line-height.
+                                        // Not ideal, but works.
+                                        vertical-align: bottom;
+  }
+
+  pre                                 { font-family: $codeFontFamily;
+                                        font-size: .67em;
+                                        line-height: $leading;
+                                        margin-top: 0;
+                                        margin-bottom: 0;
+                                        padding: .65em 1em;
+                                        vertical-align: bottom;
+  }
+}

data/lib/rhythm.rb

@@ -0,0 +1 @@
+require 'rhythm/rails'

data/lib/rhythm/rails.rb

@@ -0,0 +1,2 @@
+require 'rhythm/rails/engine'
+require 'rhythm/rails/version'

data/lib/rhythm/rails/engine.rb

@@ -0,0 +1,7 @@
+module Rhythm
+  module Rails
+    class Engine < ::Rails::Engine
+      isolate_namespace Rhythm::Rails
+    end
+  end
+end

data/lib/rhythm/rails/version.rb

@@ -0,0 +1,5 @@
+module Rhythm
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/rhythm.gemspec

@@ -0,0 +1,20 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'rhythm/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "rhythm"
+  spec.version       = Rhythm::Rails::VERSION
+  spec.authors       = ["Alexander Kravets"]
+  spec.email         = ["alex@slatestudio.com"]
+  spec.description   = %q{Responsive typography foundation with vertical rhythm}
+  spec.summary       = %q{Responsive typography foundation with vertical rhythm}
+  spec.homepage      = "https://github.com/slate-studio/rhythm"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  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"]
+end

data/vendor/assets/stylesheets/normalize.css

@@ -0,0 +1,425 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

metadata

@@ -0,0 +1,55 @@
+--- !ruby/object:Gem::Specification
+name: rhythm
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alexander Kravets
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-05-12 00:00:00.000000000 Z
+dependencies: []
+description: Responsive typography foundation with vertical rhythm
+email:
+- alex@slatestudio.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- Gemfile.lock
+- README.md
+- Rakefile
+- app/assets/stylesheets/rhythm/typography.scss
+- lib/rhythm.rb
+- lib/rhythm/rails.rb
+- lib/rhythm/rails/engine.rb
+- lib/rhythm/rails/version.rb
+- rhythm.gemspec
+- vendor/assets/stylesheets/normalize.css
+homepage: https://github.com/slate-studio/rhythm
+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.1
+signing_key: 
+specification_version: 4
+summary: Responsive typography foundation with vertical rhythm
+test_files: []