pure-sass 0.0.1

data/app/assets/stylesheets/pure/forms/_forms.css.sass

@@ -0,0 +1,128 @@
+.pure-form
+  input, select
+    padding: 0.5em 0.6em
+    display: inline-block
+    border: 1px solid #ccc
+    font-size: 0.8em
+    box-shadow: inset 0 1px 3px #ddd
+    border-radius: 4px
+    -webkit-transition: 0.3s linear border
+    -moz-transition: 0.3s linear border
+    -ms-transition: 0.3s linear border
+    -o-transition: 0.3s linear border
+    transition: 0.3s linear border
+    -moz-box-sizing: border-box
+    -webkit-box-sizing: border-box
+    box-sizing: border-box
+    -webkit-font-smoothing: antialiased
+  input:focus, select:focus
+    outline: 0
+    outline: thin dotted \9
+    /* IE6-9
+    border-color: #129FEA
+  .pure-checkbox, .pure-radio
+    margin: 0.5em 0
+    display: block
+  input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]
+    cursor: not-allowed
+    background-color: #eaeded
+    color: #cad2d3
+    border-color: transparent
+  input:focus:invalid, textarea:focus:invalid, select:focus:invalid
+    color: #b94a48
+    border: 1px solid #ee5f5b
+  input:focus:invalid:focus, textarea:focus:invalid:focus
+    border-color: #e9322d
+  select
+    &:focus:invalid:focus
+      border-color: #e9322d
+    border: 1px solid #ccc
+    background-color: white
+    &[multiple]
+      height: auto
+  label
+    margin: 0.5em 0 0.2em
+    color: #999
+    font-size: 90%
+  fieldset
+    margin: 0
+    padding: 0.35em 0 0.75em
+    border: 0
+  legend
+    display: block
+    width: 100%
+    padding: 0.3em 0
+    margin-bottom: 0.3em
+    font-size: 125%
+    color: #333
+    border-bottom: 1px solid #e5e5e5
+  &.pure-form-stacked
+    input[type='text'], select, label
+      display: block
+
+.pure-form-aligned
+  input, textarea, select, .pure-help-inline
+    display: inline-block
+    *display: inline
+    /* IE7 inline-block hack
+    *zoom: 1
+    vertical-align: middle
+  .pure-control-group
+    margin-bottom: 0.5em
+    label
+      text-align: right
+      display: inline-block
+      vertical-align: middle
+      width: 10em
+      margin: 0 1em 0 0
+  .pure-controls
+    margin: 1.5em 0 0 10em
+
+/* aligned Forms
+
+/* Rounded Inputs
+
+.pure-form
+  .pure-input-rounded
+    border-radius: 20px
+    padding-left: 1em
+  .pure-group
+    fieldset
+      margin-bottom: 10px
+    input
+      display: block
+      padding: 10px
+      margin: 0
+      border-radius: 0
+      position: relative
+      top: -1px
+      &:focus
+        z-index: 2
+      &:first-child
+        top: 1px
+        border-radius: 4px 4px 0 0
+      &:last-child
+        top: -2px
+        border-radius: 0 0 4px 4px
+    button
+      margin: 0.35em 0
+  .pure-input-1
+    width: 100%
+  .pure-input-2-3
+    width: 66%
+  .pure-input-1-2
+    width: 50%
+  .pure-input-1-3
+    width: 33%
+  .pure-input-1-4
+    width: 25%
+  .pure-help-inline
+    display: inline-block
+    padding-left: 0.3em
+    color: #666
+    vertical-align: middle
+    font-size: 90%
+
+/* Grouped Inputs
+
+/* Inline help for forms

data/app/assets/stylesheets/pure/forms.css.sass

@@ -0,0 +1,2 @@
+//= require ./_defaults
+//= require_tree ./forms

data/app/assets/stylesheets/pure/grids/_grids-core.css.sass

@@ -0,0 +1,26 @@
+.pure-g
+  letter-spacing: -0.31em
+  /* Webkit: collapse white-space between units
+  *letter-spacing: normal
+  /* reset IE < 8
+  *word-spacing: -0.43em
+  /* IE < 8: collapse white-space between units
+  text-rendering: optimizespeed
+  /* Webkit: fixes text-rendering: optimizeLegibility
+
+/* Opera as of 12 on Windows needs word-spacing.
+ * The ".opera-only" selector is used to prevent actual prefocus styling
+ * and is not required in markup.
+
+.opera-only :-o-prefocus, .pure-g
+  word-spacing: -0.43em
+
+.pure-u
+  display: inline-block
+  zoom: 1
+  *display: inline
+  /* IE < 8: fake inline-block
+  letter-spacing: normal
+  word-spacing: normal
+  vertical-align: top
+  text-rendering: auto

data/app/assets/stylesheets/pure/grids/_grids-r.css.sass

@@ -0,0 +1,34 @@
+.pure-g-r
+  letter-spacing: -0.31em
+  *letter-spacing: normal
+  *word-spacing: -0.43em
+
+/* Opera as of 12 on Windows needs word-spacing.
+ * The ".opera-only" selector is used to prevent actual prefocus styling
+ * and is not required in markup.
+
+.opera-only :-o-prefocus
+  word-spacing: -0.43em
+
+.pure-g-r
+  word-spacing: -0.43em
+  img
+    max-width: 100%
+
+@media (min-width: 980px)
+  .pure-visible-phone, .pure-visible-tablet, .pure-hidden-desktop
+    display: none
+
+@media (max-width: 480px)
+  .pure-g-r > [class^="pure-u"]
+    width: 100%
+
+@media (max-width: 767px)
+  .pure-g-r > [class^="pure-u"]
+    width: 100%
+  .pure-hidden-phone, .pure-visible-desktop
+    display: none
+
+@media (min-width: 768px) and (max-width: 979px)
+  .pure-hidden-tablet, .pure-visible-desktop
+    display: none

data/app/assets/stylesheets/pure/grids/_grids-units.css.sass

@@ -0,0 +1,93 @@
+.pure-u-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-5-24, .pure-u-7-24, .pure-u-11-24, .pure-u-13-24, .pure-u-17-24, .pure-u-19-24, .pure-u-23-24
+  display: inline-block
+  zoom: 1
+  *display: inline
+  /* IE < 8: fake inline-block
+  letter-spacing: normal
+  word-spacing: normal
+  vertical-align: top
+  text-rendering: auto
+
+.pure-u-1
+  display: block
+
+.pure-u-1-2
+  width: 50%
+
+.pure-u-1-3
+  width: 33.33333%
+
+.pure-u-2-3
+  width: 66.66666%
+
+.pure-u-1-4
+  width: 25%
+
+.pure-u-3-4
+  width: 75%
+
+.pure-u-1-5
+  width: 20%
+
+.pure-u-2-5
+  width: 40%
+
+.pure-u-3-5
+  width: 60%
+
+.pure-u-4-5
+  width: 80%
+
+.pure-u-1-6
+  width: 16.656%
+
+.pure-u-5-6
+  width: 83.33%
+
+.pure-u-1-8
+  width: 12.5%
+
+.pure-u-3-8
+  width: 37.5%
+
+.pure-u-5-8
+  width: 62.5%
+
+.pure-u-7-8
+  width: 87.5%
+
+.pure-u-1-12
+  width: 8.3333%
+
+.pure-u-5-12
+  width: 41.6666%
+
+.pure-u-7-12
+  width: 58.3333%
+
+.pure-u-11-12
+  width: 91.6666%
+
+.pure-u-1-24
+  width: 4.1666%
+
+.pure-u-5-24
+  width: 20.8333%
+
+.pure-u-7-24
+  width: 29.1666%
+
+.pure-u-11-24
+  width: 45.8333%
+
+.pure-u-13-24
+  width: 54.1666%
+
+.pure-u-17-24
+  width: 70.8333%
+
+.pure-u-19-24
+  width: 79.1666%
+
+.pure-u-23-24
+  width: 95.8333%

data/app/assets/stylesheets/pure/grids.css.sass

@@ -0,0 +1,2 @@
+//= require ./_defaults
+//= require_tree ./grids

data/app/assets/stylesheets/pure/menus/_menus-core.css.sass

@@ -0,0 +1,99 @@
+.pure-menu
+  ul
+    position: absolute
+    visibility: hidden
+  &.pure-menu-open
+    visibility: visible
+    z-index: 2
+    width: 100%
+  ul
+    left: -10000px
+    list-style: none
+    margin: 0
+    padding: 0
+    top: -10000px
+    z-index: 1
+  > ul
+    position: relative
+
+.pure-menu-open > ul
+  left: 0
+  top: 0
+  visibility: visible
+
+.pure-menu
+  li
+    position: relative
+  a, .pure-menu-heading
+    display: block
+    color: inherit
+    line-height: 1.5em
+    padding: 5px 20px
+    text-decoration: none
+    white-space: nowrap
+  &.pure-menu-horizontal >
+    .pure-menu-heading
+      display: inline-block
+      margin: 0
+      zoom: 1
+      *display: inline
+      vertical-align: middle
+    ul
+      display: inline-block
+      zoom: 1
+      *display: inline
+      vertical-align: middle
+  li a
+    padding: 5px 20px
+
+.pure-menu-can-have-children > .pure-menu-label
+  &:after
+    content: '\25B8'
+    float: right
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif
+    /* These specific fonts have the Unicode char we need.
+    margin-right: -20px
+    margin-top: -1px
+  padding-right: 30px
+
+.pure-menu-separator
+  background-color: #dfdfdf
+  display: block
+  height: 1px
+  font-size: 0
+  margin: 7px 2px
+  overflow: hidden
+
+.pure-menu-hidden
+  display: none
+
+/* FIXED MENU
+
+.pure-menu-fixed
+  position: fixed
+  top: 0
+  left: 0
+  width: 100%
+
+/* HORIZONTAL MENU CODE
+
+/* Initial menus should be inline-block so that they are horizontal
+
+.pure-menu-horizontal
+  li
+    display: inline-block
+    zoom: 1
+    *display: inline
+    vertical-align: middle
+    li
+      display: block
+  > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label
+    &:after
+      content: "\25BE"
+    padding-right: 30px
+
+/* Submenus should still be display:block;
+
+/* Content after should be down arrow
+
+/*Add extra padding to elements that have the arrow so that the hover looks nice

data/app/assets/stylesheets/pure/menus/_menus-paginator.css.sass

@@ -0,0 +1,24 @@
+.pure-paginator
+  list-style: none
+  margin: 0
+  padding: 0
+  li
+    display: inline-block
+    *display: inline
+    /* IE 7 inline-block hack
+    *zoom: 1
+    margin: 0 -0.35em 0 0
+  .pure-button
+    border-radius: 0
+    padding: 0.8em 1.4em
+    vertical-align: top
+    height: 1.1em
+    &:focus
+      outline-style: none
+  .prev, .next
+    color: #C0C1C3
+    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.45)
+  .prev
+    border-radius: 2px 0 0 2px
+  .next
+    border-radius: 0 2px 2px 0

data/app/assets/stylesheets/pure/menus/_menus-r.css.sass

@@ -0,0 +1,8 @@
+/* RESPONSIVE
+
+@media (max-width: 480px)
+  .pure-menu-horizontal
+    width: 100%
+  .pure-menu-children li
+    display: block
+    border-bottom: 1px solid block

data/app/assets/stylesheets/pure/menus/_menus.css.sass

@@ -0,0 +1,65 @@
+/* MAIN MENU STYLING
+
+.pure-menu
+  &.pure-menu-open
+    background: #ffffff
+    /* Old browsers
+    border: 1px solid #b7b7b7
+  &.pure-menu-horizontal
+    li .pure-menu-children
+      background: #ffffff
+      /* Old browsers
+      border: 1px solid #b7b7b7
+    border: none
+    .pure-menu-heading
+      border: none
+  a
+    border: 1px solid transparent
+    border-left: none
+    border-right: none
+    color: #777
+  .pure-menu-can-have-children > li
+    &:after
+      color: #777
+    &:hover:after
+      color: #fff
+  li
+    a:hover
+      background: #eee
+    &.pure-menu-disabled a:hover
+      background: #fff
+      color: #bfbfbf
+  .pure-menu-disabled > a
+    background-image: none
+    border-color: transparent
+    cursor: default
+    color: #bfbfbf
+  .pure-menu-can-have-children.pure-menu-disabled > a:after
+    color: #bfbfbf
+  .pure-menu-heading
+    color: #565d64
+    text-transform: uppercase
+    font-size: 90%
+    margin-top: 0.5em
+    border-bottom-width: 1px
+    border-bottom-style: solid
+    border-bottom-color: #dfdfdf
+  .pure-menu-selected a
+    color: #000
+  &.pure-menu-open.pure-menu-fixed
+    border: none
+    border-bottom: 1px solid #b7b7b7
+
+/* remove borders for horizontal menus
+
+/* LINK STYLES
+
+/* HOVER STATES
+
+/* DISABLED STATES
+
+/* HEADINGS
+
+/* ACTIVE MENU ITEM
+
+/* FIXED MENU

data/app/assets/stylesheets/pure/menus.css.sass

@@ -0,0 +1,2 @@
+//= require ./_defaults
+//= require_tree ./menus

data/app/assets/stylesheets/pure/tables/_tables.css.sass

@@ -0,0 +1,68 @@
+/*
+ ** CSS TABLES
+ ** ==========
+ ** Simple CSS for HTML Tables
+ ** Author: tilomitra
+
+/* foundational CSS
+
+.pure-table
+  /* Remove spacing between table cells (from Normalize.css)
+  border-collapse: collapse
+  border-spacing: 0
+  empty-cells: show
+  border: 1px solid #cbcbcb
+  caption
+    color: #000
+    font: italic 85%/1 arial, sans-serif
+    padding: 1em 0
+    text-align: center
+  td, th
+    border-left: 1px solid #cbcbcb
+    /*  inner column border
+    border-width: 0 0 0 1px
+    font-size: inherit
+    margin: 0
+    overflow: visible
+    /*to make ths where the title is really long work
+    padding: 6px 12px
+    /* cell padding
+  td:first-child, th:first-child
+    border-left-width: 0
+  thead
+    background: #e0e0e0
+    color: #000
+    text-align: left
+    vertical-align: bottom
+    white-space: nowrap
+  td
+    background-color: transparent
+
+/*
+ *striping:
+ *   even - #fff (white)
+ *   odd  - #edf5ff (light blue)
+
+.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td
+  background-color: #f2f2f2
+
+/* nth-child selector for modern browsers
+
+/* BORDERED TABLES
+
+.pure-table-bordered
+  td
+    border-bottom: 1px solid #cbcbcb
+  tbody > tr:last-child td
+    border-bottom-width: 0
+
+.pure-table-horizontal
+  tbody > tr:last-child td
+    border-bottom-width: 0
+  td, th
+    border-width: 0 0 1px 0
+    border-bottom: 1px solid #cbcbcb
+  tbody > tr:last-child td
+    border-bottom-width: 0
+
+/* HORIZONTAL BORDERED TABLES

data/app/assets/stylesheets/pure/tables.css.sass

@@ -0,0 +1,2 @@
+//= require ./_defaults
+//= require_tree ./tables

data/lib/pure/sass/version.rb

@@ -0,0 +1,5 @@
+module Pure
+  module Sass
+    VERSION = "0.0.1"
+  end
+end

data/lib/pure/sass.rb

@@ -0,0 +1,7 @@
+require "pure/sass/version"
+
+module Pure
+  module Sass
+    # Your code goes here...
+  end
+end

data/pure-sass.gemspec

@@ -0,0 +1,31 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'pure/sass/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "pure-sass"
+  spec.version       = Pure::Sass::VERSION
+  spec.authors       = ["James Harton", "Mathew Hartley"]
+  spec.email         = ["james@resistor.io", "matt@route66.sytes.net"]
+  spec.description   = "Yahoo's purecss ported to SASS"
+  spec.summary       = "Yahoo's purecss ported to SASS"
+  spec.homepage      = ""
+  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"]
+
+
+  %w[ sass ].each do |gem|
+    spec.add_dependency gem
+  end
+
+  %w[ rake rspec guard guard-rspec guard-sass guard-bundler ].each do |gem|
+    spec.add_development_dependency gem
+  end
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "sprockets", "~> 2.0"
+end

data/spec/assets_spec.rb

@@ -0,0 +1,21 @@
+require 'spec_helper'
+
+describe Sprockets do
+  let(:path) { File.expand_path('../../app/assets/stylesheets/', __FILE__) }
+  let(:environment) { Sprockets::Environment.new.tap { |e| e.append_path path } }
+
+  subject { environment }
+
+  %w[ all base buttons defaults forms grids menus tables ].each do |mod|
+    describe "pure/#{mod}" do
+      subject { environment["pure/#{mod}"] }
+      its(:logical_path) { should eq("pure/#{mod}.css")}
+    end
+
+    describe "pure/_#{mod}" do
+      subject { environment["pure/_#{mod}"] }
+      its(:logical_path) { should eq("pure/_#{mod}.css")}
+    end
+  end
+
+end

data/spec/spec_helper.rb

@@ -0,0 +1 @@
+require 'sprockets'