milligram 1.1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c11087f8e88c5a150c4dcd598c7f13c2e4c7de39
+  data.tar.gz: 860cbd56821e38d6b8bc74246b0fcb3835837e8b
+SHA512:
+  metadata.gz: f1b37b203e6702d1c9d6ba6044f66baa7b98dbe0484997dc1cb7ebf9afd99a9ae39fb1a308a202dbd21bbeb3242bebc3b42ff9b7bcf18d948ba2a476aeea421a
+  data.tar.gz: 50cfae4002dced5be5effc8f3d1e5d2289e4f355d9c90c0295ebca356787d8f3ce78e59f8d989498eaa9c193bf22e4b678f3b08be0819272f1529855d9c5aa17

data/.gitignore

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

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

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

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Zoran
+
+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,40 @@
+# Milligram
+
+[Milligram](https://milligram.github.io/) is a minimalist CSS framework. This gem packages the framework's assets for drop-in use in Rails applications.
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'milligram'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install milligram
+
+## Usage
+
+Once installed, add the following to your `application.scss`:
+
+```scss
+@import "milligram";
+```
+
+Or, import components as needed:
+
+```scss
+@import "milligram/color";
+@import "milligram/base";
+@import "milligram/button";
+```
+
+## 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,33 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+require "milligram/version"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec
+
+namespace :milligram do
+  namespace :assets do
+    desc 'Update Milligram\'s assets.'
+    task update: :clean do
+      version = Milligram::VERSION.sub(/.\d+$/, '')
+
+      sh 'git clone git@github.com:milligram/milligram.git milligram_source'
+      sh "cd milligram_source && git checkout tags/v#{version}"
+      sh 'cp -R milligram_source/src/ vendor/assets/stylesheets/milligram/'
+
+      File.open('vendor/assets/stylesheets/milligram.scss', 'w') do |f|
+        f.write('@import "milligram/milligram.sass";')
+      end
+
+      puts "\n=*=*=*=*=*=*=*=*=*=*\n=* ASSETS UPDATED! *=\n=*=*=*=*=*=*=*=*=*=*\n"
+    end
+
+    desc 'Remove previous Milligram assets.'
+    task :clean do
+      sh 'rm -rf vendor'
+      sh 'rm -rf milligram_source'
+      sh 'mkdir -p vendor/assets/stylesheets/'
+    end
+  end
+end

data/bin/console

@@ -0,0 +1,7 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "milligram"
+
+require "pry"
+Pry.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install

data/lib/milligram/engine.rb

@@ -0,0 +1,4 @@
+module Milligram
+  class Engine < Rails::Engine
+  end
+end

data/lib/milligram/version.rb

@@ -0,0 +1,3 @@
+module Milligram
+  VERSION = "1.1.0.0"
+end

data/lib/milligram.rb

@@ -0,0 +1,5 @@
+require "milligram/version"
+require "milligram/engine" if (defined?(Rails) && defined?(Rails::Engine))
+
+module Milligram
+end

data/milligram.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'milligram/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "milligram"
+  spec.version       = Milligram::VERSION
+  spec.authors       = ["Zoran"]
+  spec.email         = ["zoran1991@gmail.com"]
+
+  spec.summary       = %q{A minimalist CSS framework.}
+  spec.description   = %q{Milligram framework's assets packaged into a Ruby gem.}
+  spec.homepage      = "https://github.com/zokioki/milligram-rb"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.11"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+  spec.add_development_dependency "pry", "~> 0.10.3"
+end

data/vendor/assets/stylesheets/milligram/_Base.sass

@@ -0,0 +1,24 @@
+
+// Base
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+// The base font-size is set at 62.5% for having the convenience
+// of sizing rems in a way that is similar to using px. 1.6rem=16px
+html
+	box-sizing: border-box
+	font-size: 62.5%
+
+// Default body styles
+body
+	color: $color-secondary
+	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
+	font-size: 1.6em // currently ems cause chrome bug misinterpreting rems on body element
+	font-weight: 300
+	letter-spacing: .01em
+	line-height: 1.6
+
+// Set box-sizing globally to handle padding and border widths
+*,
+*:after,
+*:before
+	box-sizing: inherit

data/vendor/assets/stylesheets/milligram/_Blockquote.sass

@@ -0,0 +1,12 @@
+
+// Blockquote
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+blockquote
+	border-left: 0.3rem solid $color-quaternary
+	margin-left: 0
+	margin-right: 0
+	padding: 1rem 1.5rem
+
+	& *:last-child
+		margin: 0

data/vendor/assets/stylesheets/milligram/_Button.sass

@@ -0,0 +1,78 @@
+
+// Button
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+.button,
+button,
+input[type='button'],
+input[type='reset'],
+input[type='submit']
+	background-color: $color-primary
+	border: .1rem solid $color-primary
+	border-radius: .4rem
+	color: $color-initial
+	cursor: pointer
+	display: inline-block
+	font-size: 1.1rem
+	font-weight: 700
+	height: 3.8rem
+	letter-spacing: .1rem
+	line-height: 3.8rem
+	padding: 0 3.0rem
+	text-align: center
+	text-decoration: none
+	text-transform: uppercase
+	white-space: nowrap
+
+	&:hover,
+	&:focus
+		background-color: $color-secondary
+		border-color: $color-secondary
+		color: $color-initial
+		outline: 0
+
+	&.button-disabled,
+	&[disabled]
+		opacity: .5
+		cursor: default
+
+		&:hover,
+		&:focus
+			background-color: $color-primary
+			border-color: $color-primary
+
+	&.button-outline
+		color: $color-primary
+		background-color: transparent
+
+		&:hover,
+		&:focus
+			color: $color-secondary
+			background-color: transparent
+			border-color: $color-secondary
+
+		&.button-disabled,
+		&[disabled]
+
+			&:hover,
+			&:focus
+				color: $color-primary
+				border-color: inherit
+
+	&.button-clear
+		color: $color-primary
+		background-color: transparent
+		border-color: transparent
+
+		&:hover,
+		&:focus
+			color: $color-secondary
+			background-color: transparent
+			border-color: transparent
+
+		&.button-disabled,
+		&[disabled]
+
+			&:hover,
+			&:focus
+				color: $color-primary

data/vendor/assets/stylesheets/milligram/_Code.sass

@@ -0,0 +1,23 @@
+
+// Code
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+code
+	background: $color-tertiary
+	border-radius: .4rem
+	font-size: 86%
+	padding: .2rem .5rem
+	margin: 0 .2rem
+	white-space: nowrap
+
+pre
+	background: $color-tertiary
+	border-left: .3rem solid $color-primary
+	font-family: 'Menlo', 'Consolas', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', monospace
+
+	& > code
+		background: transparent
+		border-radius: 0
+		display: block
+		padding: 1rem 1.5rem
+		white-space: pre

data/vendor/assets/stylesheets/milligram/_Color.sass

@@ -0,0 +1,9 @@
+
+// Color
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+$color-initial: #fff !default
+$color-primary: #9b4dca !default
+$color-secondary: #606c76 !default
+$color-tertiary: #f4f5f6 !default
+$color-quaternary: #d1d1d1 !default

data/vendor/assets/stylesheets/milligram/_Divider.sass

@@ -0,0 +1,9 @@
+
+// Divider
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+hr
+	border: 0
+	border-top: .1rem solid $color-tertiary
+	margin-bottom: 3.5rem
+	margin-top: 3rem

data/vendor/assets/stylesheets/milligram/_Form.sass

@@ -0,0 +1,57 @@
+
+// Form
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+input[type='email'],
+input[type='number'],
+input[type='password'],
+input[type='search'],
+input[type='tel'],
+input[type='text'],
+input[type='url'],
+textarea,
+select
+	appearance: none // Removes awkward default styles on some inputs for iOS
+	background-color: transparent
+	border: .1rem solid $color-quaternary
+	border-radius: .4rem
+	box-shadow: none
+	height: 3.8rem
+	padding: .6rem 1.0rem // The .6rem vertically centers text on FF, ignored by Webkit
+	width: 100%
+
+	&:focus
+		border: .1rem solid $color-primary
+		outline: 0
+
+select
+	padding: 0.6rem 3rem 0.6rem 1rem
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQtZ3JheS5zdmciPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzAzOSI+PHJkZjpSREY+PGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgICBpZD0iZGVmczMwMzciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI5MDMiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI1OTQiICAgICBpZD0ibmFtZWR2aWV3MzAzNSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6em9vbT0iMTIuMTM3OTMxIiAgICAgaW5rc2NhcGU6Y3g9Ii00LjExOTMxODJlLTA4IiAgICAgaW5rc2NhcGU6Y3k9IjciICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNTAyIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwMiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIj48aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkMzA0MSIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cG9seWdvbiAgICAgcG9pbnRzPSIwLjE1LDAgMTQuNSwxNC4zNSAyOC44NSwwICIgICAgIGlkPSJwb2x5Z29uMzAzMyIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzU0MTEzODcsMCwwLDAuNDgzMjkxMSw5LjMyNDE1NDUsMy42MjQ5OTkyKSIgICAgIHN0eWxlPSJmaWxsOiNkMWQxZDE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+) center right no-repeat
+
+	&:focus
+		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQuc3ZnIj48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTMwMzkiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgICAgaWQ9ImRlZnMzMDM3IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iOTAzIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNTk0IiAgICAgaWQ9Im5hbWVkdmlldzMwMzUiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOnpvb209IjEyLjEzNzkzMSIgICAgIGlua3NjYXBlOmN4PSItNC4xMTkzMTgyZS0wOCIgICAgIGlua3NjYXBlOmN5PSI3IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjUwMiIgICAgIGlua3NjYXBlOndpbmRvdy15PSIzMDIiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSI+PGlua3NjYXBlOmdyaWQgICAgICAgdHlwZT0ieHlncmlkIiAgICAgICBpZD0iZ3JpZDMwNDEiIC8+PC9zb2RpcG9kaTpuYW1lZHZpZXc+PHBvbHlnb24gICAgIHBvaW50cz0iMjguODUsMCAwLjE1LDAgMTQuNSwxNC4zNSAiICAgICBpZD0icG9seWdvbjMwMzMiICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjM1NDExMzg3LDAsMCwwLjQ4MzI5MTEsOS4zMjQxNTUzLDMuNjI1KSIgICAgIHN0eWxlPSJmaWxsOiM5YjRkY2Y7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+)
+
+textarea
+	padding-bottom: .6rem
+	padding-top: .6rem
+	min-height: 6.5rem
+
+label,
+legend
+	font-size: 1.6rem
+	font-weight: 700
+	display: block
+	margin-bottom: .5rem
+
+fieldset
+	border-width: 0
+	padding: 0
+
+input[type='checkbox'],
+input[type='radio']
+	display: inline
+
+.label-inline
+	font-weight: normal
+	display: inline-block
+	margin-left: .5rem

data/vendor/assets/stylesheets/milligram/_Grid.sass

@@ -0,0 +1,160 @@
+
+// Grid
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+// .container is main centered wrapper with a max width of 1120rem (1120px)
+.container
+	margin: 0 auto
+	max-width: 112.0rem
+	padding: 0 2.0rem
+	position: relative
+	width: 100%
+
+// Using flexbox for the grid, inspired by Philip Walton:
+// http://philipwalton.github.io/solved-by-flexbox/demos/grids/
+// By default each .column within a .row will evenly take up
+// available width, and the height of each .column with take
+// up the height of the tallest .column in the same .row.
+.row
+	display: flex
+	flex-direction: column
+	padding: 0
+	width: 100%
+
+	.row-wrap
+		flex-wrap: wrap
+
+	.row-no-padding
+		padding: 0
+
+		&> .column
+			padding: 0
+
+	// & + .row
+	// 	margin-top: -.5rem
+	// 	padding-top: 0
+
+	// Vertically Align Columns
+	// .row-* vertically aligns every .col in the .row
+	.row-top
+		align-items: flex-start
+
+	.row-bottom
+		align-items: flex-end
+
+	.row-center
+		align-items: center
+
+	.row-stretch
+		align-items: stretch
+
+	.row-baseline
+		align-items: baseline
+
+	.column
+		display: block
+		flex: 1
+		margin-left: 0
+		max-width: 100%
+		width: 100%
+
+		// .column-* vertically aligns an individual .column
+		.col-top
+			align-self: flex-start
+
+		.col-bottom
+			align-self: flex-end
+
+		.col-center
+			align-self: center
+
+		// Column Offsets
+		&.column-offset-10
+			margin-left: 10%
+
+		&.column-offset-20
+			margin-left: 20%
+
+		&.column-offset-25
+			margin-left: 25%
+
+		&.column-offset-33,
+		&.column-offset-34
+			margin-left: 33.3333%
+
+		&.column-offset-50
+			margin-left: 50%
+
+		&.column-offset-66,
+		&.column-offset-67
+			margin-left: 66.6666%
+
+		&.column-offset-75
+			margin-left: 75%
+
+		&.column-offset-80
+			margin-left: 80%
+
+		&.column-offset-90
+			margin-left: 90%
+
+		// Explicit Column Percent Sizes
+		// By default each grid column will evenly distribute
+		// across the grid. However, you can specify individual
+		// columns to take up a certain size of the available area
+		&.column-10
+			flex: 0 0 10%
+			max-width: 10%
+
+		&.column-20
+			flex: 0 0 20%
+			max-width: 20%
+
+		&.column-25
+			flex: 0 0 25%
+			max-width: 25%
+
+		&.column-33,
+		&.column-34
+			flex: 0 0 33.3333%
+			max-width: 33.3333%
+
+		&.column-40
+			flex: 0 0 40%
+			max-width: 40%
+
+		&.column-50
+			flex: 0 0 50%
+			max-width: 50%
+
+		&.column-60
+			flex: 0 0 60%
+			max-width: 60%
+
+		&.column-66, &.column-67
+			flex: 0 0 66.6666%
+			max-width: 66.6666%
+
+		&.column-75
+			flex: 0 0 75%
+			max-width: 75%
+
+		&.column-80
+			flex: 0 0 80%
+			max-width: 80%
+
+		&.column-90
+			flex: 0 0 90%
+			max-width: 90%
+
+// Larger than mobile screen
+@media (min-width: 40.0rem)
+
+	.row
+		flex-direction: row
+		margin-left: -1.0rem
+		width: calc(100% + 2.0rem)
+
+		.column
+			margin-bottom: inherit
+			padding: 0 1.0rem

data/vendor/assets/stylesheets/milligram/_Link.sass

@@ -0,0 +1,10 @@
+
+// Link
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+a
+	color: $color-primary
+	text-decoration: none
+
+	&:hover
+		color: $color-secondary

data/vendor/assets/stylesheets/milligram/_List.sass

@@ -0,0 +1,29 @@
+
+// List
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+dl,
+ol,
+ul
+	margin-top: 0
+	padding-left: 0
+
+	dl
+	ul,
+	ol
+		font-size: 90%
+		margin: 1.5rem 0 1.5rem 3.0rem
+
+dl
+	list-style: none
+
+ul
+	list-style: circle inside
+
+ol
+	list-style: decimal inside
+
+dt,
+dd,
+li
+	margin-bottom: 1.0rem

data/vendor/assets/stylesheets/milligram/_Spacing.sass

@@ -0,0 +1,24 @@
+
+// Spacing
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+.button,
+button
+	margin-bottom: 1rem
+
+input,
+textarea,
+select,
+fieldset
+	margin-bottom: 1.5rem
+
+pre,
+blockquote,
+dl,
+figure,
+table,
+p,
+ul,
+ol,
+form
+	margin-bottom: 2.5rem

data/vendor/assets/stylesheets/milligram/_Table.sass

@@ -0,0 +1,18 @@
+
+// Table
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+table
+	width: 100%
+
+th,
+td
+	border-bottom: .1rem solid #e1e1e1
+	padding: 1.2rem 1.5rem
+	text-align: left
+
+	&:first-child
+		padding-left: 0
+
+	&:last-child
+		padding-right: 0

data/vendor/assets/stylesheets/milligram/_Typography.sass

@@ -0,0 +1,67 @@
+
+// Typography
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+p
+	margin-top: 0
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+	font-weight: 300
+	margin-bottom: 2.0rem
+	margin-top: 0
+
+h1
+	font-size: 4.0rem
+	letter-spacing: -.1rem
+	line-height: 1.2
+
+h2
+	font-size: 3.6rem
+	letter-spacing: -.1rem
+	line-height: 1.25
+
+h3
+	font-size: 3.0rem
+	letter-spacing: -.1rem
+	line-height: 1.3
+
+h4
+	font-size: 2.4rem
+	letter-spacing: -.08rem
+	line-height: 1.35
+
+h5
+	font-size: 1.8rem
+	letter-spacing: -.05rem
+	line-height: 1.5
+
+h6
+	font-size: 1.6rem
+	letter-spacing: 0
+	line-height: 1.4
+
+// Larger than mobile screen
+@media (min-width: 40.0rem)
+
+	h1
+		font-size: 5.0rem
+
+	h2
+		font-size: 4.2rem
+
+	h3
+		font-size: 3.6rem
+
+	h4
+		font-size: 3.0rem
+
+	h5
+		font-size: 2.4rem
+
+	h6
+		font-size: 1.5rem

data/vendor/assets/stylesheets/milligram/_Utility.sass

@@ -0,0 +1,22 @@
+
+// Utility
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+// Float either direction
+.float-right
+	float: right
+
+.float-left
+	float: left
+
+// Clear a float with .clearfix
+.clearfix
+	*zoom: 1
+
+	&:after,
+	&:before
+		content: ''
+		display: table
+
+	&:after
+		clear: both

data/vendor/assets/stylesheets/milligram/milligram.sass

@@ -0,0 +1,18 @@
+
+// Sass Modules
+// ––––––––––––––––––––––––––––––––––––––––––––––––––
+
+@import Color
+@import Base
+@import Blockquote
+@import Button
+@import Code
+@import Divider
+@import Form
+@import Grid
+@import Link
+@import List
+@import Spacing
+@import Table
+@import Typography
+@import Utility

data/vendor/assets/stylesheets/milligram.scss

@@ -0,0 +1 @@
+@import "milligram/milligram.sass";

metadata

@@ -0,0 +1,129 @@
+--- !ruby/object:Gem::Specification
+name: milligram
+version: !ruby/object:Gem::Version
+  version: 1.1.0.0
+platform: ruby
+authors:
+- Zoran
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-07-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !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'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.10.3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.10.3
+description: Milligram framework's assets packaged into a Ruby gem.
+email:
+- zoran1991@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/milligram.rb
+- lib/milligram/engine.rb
+- lib/milligram/version.rb
+- milligram.gemspec
+- vendor/assets/stylesheets/milligram.scss
+- vendor/assets/stylesheets/milligram/_Base.sass
+- vendor/assets/stylesheets/milligram/_Blockquote.sass
+- vendor/assets/stylesheets/milligram/_Button.sass
+- vendor/assets/stylesheets/milligram/_Code.sass
+- vendor/assets/stylesheets/milligram/_Color.sass
+- vendor/assets/stylesheets/milligram/_Divider.sass
+- vendor/assets/stylesheets/milligram/_Form.sass
+- vendor/assets/stylesheets/milligram/_Grid.sass
+- vendor/assets/stylesheets/milligram/_Link.sass
+- vendor/assets/stylesheets/milligram/_List.sass
+- vendor/assets/stylesheets/milligram/_Spacing.sass
+- vendor/assets/stylesheets/milligram/_Table.sass
+- vendor/assets/stylesheets/milligram/_Typography.sass
+- vendor/assets/stylesheets/milligram/_Utility.sass
+- vendor/assets/stylesheets/milligram/milligram.sass
+homepage: https://github.com/zokioki/milligram-rb
+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.5.1
+signing_key: 
+specification_version: 4
+summary: A minimalist CSS framework.
+test_files: []