fittext 0.0.5

data/README.md

@@ -0,0 +1,64 @@
+# [Fittext](http://www.bookcasey.com/fittext)
+
+Compass extenstion / Sass mixin for inflating web type by generating media queries with progressively larger font sizes.
+
+## Installation
+
+From the command line:
+
+    gem install fittext
+
+(depending on your ruby setup you may need to run `sudo gem install fittext`)
+
+Installing into your project:
+
+    # Edit config.rb and add:
+    require "fittext"
+
+    # Import the extension into your sass or scss file
+    @import "fittext"
+
+## Arguments
+
+    @include fittext($min-media, $max-media, $min-font-size, $max-font-size, $media-increment, $font-increment, $ratio, $round)
+
+### `$min-media`
+
+The smallest, and first media query generated
+
+### `$max-media`
+
+Largest, and final media query generated (unless `$max-font-size` is reached first)
+
+### `$min-font-size` and `$max-font-size`
+
+`$min-font-size` sets font size for the first media query, `$max-font-size` for the max.
+
+### `$media-increment`
+
+Set increase between media queries. `$media-increment: 150px` would generate:
+
+    @media screen and (min-width: 300px) { ... }
+    @media screen and (min-width: 450px) { ... }
+    @media screen and (min-width: 600px) { ... }
+
+### `$font-increment`
+
+Sets increase amount of font size for each media queries.
+
+### `$ratio`
+
+An extra value to get font sizes to increase non-linearly. Default `1`. 
+
+### `$round`
+
+Boolean. Rounds font size with `ceil()`. Default `false`.
+
+## Usage
+
+h1
+  font-size: 6em // For browsers that don't support media queries.
+  @include fittext($min-media: 200px, $max-media: 1400px, $min-font-size: 5em, $max-font-size: 50em, $media-increment: 100, $font-increment: 1.5, $ratio: 1, $round: false)
+
+
+

data/lib/fittext.rb

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

data/stylesheets/_fittext.sass

@@ -0,0 +1,13 @@
+@import compass
+
+=fittext($min-media: 200px, $max-media: 1400px, $min-font-size: 5em, $max-font-size: 50em, $media-increment: 100, $font-increment: 1.5, $ratio: 1, $round: false)
+  $font-size: $min-font-size
+  $media: $min-media
+  @while ($media <= $max-media) and ($font-size <= $max-font-size)
+    @media screen and (min-width: $media)
+      font-size: $font-size
+    $font-size: if($round, ceil(font-sizer($font-size, $font-increment, $ratio)), font-sizer($font-size, $font-increment, $ratio))
+    $media: $media + $media-increment
+
+@function font-sizer($fs, $fi, $ra)
+  @return ($fs + $fi) * $ra

metadata

@@ -0,0 +1,63 @@
+--- !ruby/object:Gem::Specification
+name: fittext
+version: !ruby/object:Gem::Version
+  version: 0.0.5
+  prerelease: 
+platform: ruby
+authors:
+- Casey Olson
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-11-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.10.0.rc3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.10.0.rc3
+description: Compass extension for inflating type with media queries.
+email: casey.m.olson@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/fittext.rb
+- stylesheets/_fittext.sass
+homepage: http://www.bookcasey.com/fittext/
+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: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Compass extension for inflating type with media queries.
+test_files: []