pure-sass 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c37439e1e2d7af2ea0d45f72eae56a6cc398d97f
-  data.tar.gz: f05428253c29da1a3d29143eaffe7eeef5a992f5
+  metadata.gz: 2893dafd8b818ec3a9a53539a6d6e797c289b797
+  data.tar.gz: 2ccd5a285af89d8989aeee275cc1b410449d06d3
 SHA512:
-  metadata.gz: 1078363aca87826cafb5ab87c830389ab4b0fc1315365d101e96201f6eaa9bcff5b7a02014c84d7f649ac09776a4ce02c40326ed97a7c9ee98ab2c91643f6030
-  data.tar.gz: 62ca01f38277a7ac34be53ea98d6fb5f16ab6c136ccdd323a0e6d946c2138b0b52d662f078e3d2af3d0d32163d7c8ac888193d4f532d3b70b084334f9467dd25
+  metadata.gz: 486c6484123e2a088caf6218e0a343b0c952c9fb9092e1d4892a9ea284bf786cd0cf60124ca71883161cc0803c089d7a1e0d1d0d12abc5a0b1b71683df1ce103
+  data.tar.gz: ee435a3b8d122322d8123290c28fca68a344d871f31d7befe39d992499586145af98e53d064a7c4ca3ec5f30272c7ca7d81a5998354a15ba3bbdc95e18f0cb2f

data/.gitignore

@@ -2,7 +2,9 @@
 *.rbc
 .bundle
 .config
+.sass-cache
 .yardoc
+.sass-cache
 Gemfile.lock
 InstalledFiles
 _yardoc
@@ -15,3 +17,5 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+
+app/assets/**/*.handlebars

data/.ruby-gemset

@@ -0,0 +1 @@
+pure-sass

data/.ruby-version

@@ -0,0 +1 @@
+2.0.0

data/Guardfile

@@ -7,6 +7,7 @@ guard :rspec do
   watch(%r{^spec/.+_spec\.rb$})
   watch(%r{^lib/(.+)\.rb$})     { |m| "spec/lib/#{m[1]}_spec.rb" }
   watch('spec/spec_helper.rb')  { "spec" }
+  watch(%r{^app/assets/.+\.scss$}) { "spec/acceptance/sass_spec.rb"}
 end
 
 guard 'sass', :input => 'sass', :output => 'css'

data/README.md

@@ -4,6 +4,15 @@ pure-sass is a port of [Yahoo!'s Pure CSS](http://purecss.io/) framework to SASS
 
 [![Build Status](https://travis-ci.org/jamesotron/pure-sass.png?branch=master)](https://travis-ci.org/jamesotron/pure-sass)
 
+## Plea
+
+To be honest, I don't really know that much about CSS, I just wanted this Gem to exist so that I
+could use it on a project.  I will gladly accept almost any contribution to help with maintaining
+this Gem and will give commit rights to anyone who asks for it.
+
+In the long run, I expect that maintainership will be handed to someone else, but I'm happy to
+incubate it here for now.
+
 ## Usage
 
 Add pure-sass to your applications `Gemfile`
@@ -21,7 +30,7 @@ Then in your `app/assets/stylesheets/application.css` you can use
 or in your SASS or SCSS files you can use
 
 ```sass
-@include 'pure/all'
+@import 'pure/all'
 ```
 
 If you don't want all of Pure then you can manually include

data/Rakefile

@@ -1,13 +1,70 @@
 require "bundler/gem_tasks"
 require 'rspec/core/rake_task'
+require 'nokogiri'
+require 'pure/sass'
+
 RSpec::Core::RakeTask.new(:spec)
 
+namespace :website do
+  desc "Scrape the pure website for tempates"
+  task :scrape do
+    dir = Dir.mktmpdir
+    sh("wget -O #{dir}/index.html http://yui.github.io/skinbuilder/?mode=pure")
+    @outfile = "#{dir}/index.html"
+  end
+
+  def template_files
+    {
+      form: "forms",
+      buttons: "buttons",
+      table: "tables",
+      list: "lists"
+    }
+  end
+
+  template_files.each do |template_key, template_value|
+    file "app/assets/stylesheets/pure/#{template_value}/#{template_value}-theme.css.handlebars" => :scrape do |task|
+      sh("mkdir -p app/assets/stylesheets/pure/#{template_value}")
+      File.open(task.name, 'w') do |file|
+        file.write(extract_template(template_key))
+      end
+    end
+  end
+
+  rule ".scss" => ".handlebars" do |task|
+    Pure::Sass::Translation.new(task.source).render(task.name)
+  end
+
+  def generate_dependencies(file_extension)
+    template_files.values.map { |f| "app/assets/stylesheets/pure/#{f}/#{f}-theme.css.#{file_extension}" }
+  end
+
+  def extract_template(name)
+    doc = Nokogiri::HTML(File.read(@outfile))
+    doc.css("##{name}-template").first.content
+  end
+
+  desc "Templates"
+  task :templates => generate_dependencies("handlebars")
+
+  desc "SCSS"
+  task :scss => generate_dependencies("scss")
+
+  desc "Clean handlebars and index file(s)"
+  task :clean do
+    generate_dependencies("handlebars").each do |file|
+      sh("rm #{file}")
+    end
+    sh("rm #{@outfile}")
+  end
+end
+
 namespace :upstream do
 
   def generate_sass_dependencies
     find_upstream_css_files.map do |source|
       mod, base  = source.scan(/purecss\/src\/([a-z_]+)\/.+\/([a-z_-]+).css\Z/)[0]
-      "app/assets/stylesheets/pure/#{mod}/#{base}.css.sass"
+      "app/assets/stylesheets/pure/#{mod}/#{base}.css.scss"
     end
   end
 
@@ -16,7 +73,7 @@ namespace :upstream do
   end
 
   def generate_top_level_dependencies
-    sass_files.map { |p| "app/assets/stylesheets/pure/#{p}.css.sass" }
+    sass_files.map { |p| "app/assets/stylesheets/pure/#{p}.css.scss" }
   end
 
   def find_upstream_css_files
@@ -24,7 +81,9 @@ namespace :upstream do
   end
 
   desc "Import CSS files from upstream and convert them to SASS"
-  task :import => generate_sass_dependencies + generate_top_level_dependencies
+  task :import => generate_sass_dependencies
+
+  task :combine => generate_top_level_dependencies
 
   desc "Update upstream CSS files"
   task :update do
@@ -33,24 +92,27 @@ namespace :upstream do
 
   generate_top_level_dependencies.each do |path|
     file path do
-      if File.basename(path) == 'all.css.sass'
-        File.write(path, (sass_files - ['all']).map { |f| "@import \"#{f}\"\n" }.join)
+      if File.basename(path) == 'all.css.scss'
+        File.write(path, (sass_files - ['all']).map { |f| "@import \"#{f}\";\n" }.join)
       else
-        dir_path = path.gsub(/\.css\.sass\Z/, '')
+        dir_path = path.gsub(/\.css\.scss\Z/, '')
         mod = File.basename(dir_path)
         File.open(path, "w") do |file|
-          Dir["#{dir_path}/*.sass"].each do |sass|
-            file.puts "@import \"#{mod}/#{File.basename(sass).gsub(/\.css\.sass\Z/, '')}\""
+          Dir["#{dir_path}/*.scss"].each do |sass|
+            file.puts "@import \"#{mod}/#{File.basename(sass).gsub(/\.css\.scss\Z/, '')}\";"
           end
         end
       end
     end
   end
 
-  rule(/.*\.css\.sass\Z/ => [proc { |t| t.sub(/\A.*\/([a-z_-]+)\/([a-z_-]+)\.css\.sass\Z/, 'vendor/upstream/purecss/src/\1/css/\2.css') }]) do |t|
+  rule(/.*\.css\.scss\Z/ => [proc { |t| t.sub(/\A.*\/([a-z_-]+)\/([a-z_-]+)\.css\.scss\Z/, 'vendor/upstream/purecss/src/\1/css/\2.css') }]) do |t|
     sh "mkdir -p #{File.dirname(t.name).inspect}"
-    sh "sass-convert -C -F css -T sass #{t.source.inspect} #{t.name.inspect}"
+    sh "cp #{t.source.inspect} #{t.name.inspect}"
   end
 end
 
+desc "Build the combined output from :website and :upstream"
+task :generate => ["upstream:import", "website:scss", "upstream:combine", "website:clean"]
+
 task :default => [ :spec ]

data/app/assets/stylesheets/pure/all.css.scss

@@ -0,0 +1,7 @@
+@import "defaults";
+@import "base";
+@import "buttons";
+@import "forms";
+@import "grids";
+@import "menus";
+@import "tables";

data/app/assets/stylesheets/pure/base/normalize-context.css.scss

@@ -0,0 +1,233 @@
+/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
+.pure article,
+.pure aside,
+.pure details,
+.pure figcaption,
+.pure figure,
+.pure footer,
+.pure header,
+.pure hgroup,
+.pure main,
+.pure nav,
+.pure section,
+.pure summary {
+    display: block;
+}
+.pure audio,
+.pure canvas,
+.pure video {
+    display: inline-block;
+}
+.pure audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+.pure [hidden] {
+    display: none;
+}
+.pure {
+    font-size: 100%;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+}
+.pure,
+.pure button,
+.pure input,
+.pure select,
+.pure textarea {
+    font-family: sans-serif;
+}
+.pure body {
+    margin: 0;
+}
+.pure a:focus {
+    outline: thin dotted;
+}
+.pure a:active,
+.pure a:hover {
+    outline: 0;
+}
+.pure h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+.pure h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+.pure h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+.pure h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+.pure h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+.pure h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+.pure abbr[title] {
+    border-bottom: 1px dotted;
+}
+.pure b,
+.pure strong {
+    font-weight: bold;
+}
+.pure blockquote {
+    margin: 1em 40px;
+}
+.pure dfn {
+    font-style: italic;
+}
+.pure hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+.pure mark {
+    background: #ff0;
+    color: #000;
+}
+.pure p,
+.pure pre {
+    margin: 1em 0;
+}
+.pure code,
+.pure kbd,
+.pure pre,
+.pure samp {
+    font-family: monospace , serif;
+    _font-family: 'courier new' , monospace;
+    font-size: 1em;
+}
+.pure pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+.pure q {
+    quotes: none;
+}
+.pure q:before,
+.pure q:after {
+    content: '';
+    content: none;
+}
+.pure small {
+    font-size: 80%;
+}
+.pure sub,
+.pure sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+.pure sup {
+    top: -0.5em;
+}
+.pure sub {
+    bottom: -0.25em;
+}
+.pure dl,
+.pure menu,
+.pure ol,
+.pure ul {
+    margin: 1em 0;
+}
+.pure dd {
+    margin: 0 0 0 40px;
+}
+.pure menu,
+.pure ol,
+.pure ul {
+    padding: 0 0 0 40px;
+}
+.pure nav   ul,
+.pure nav   ol {
+    list-style: none;
+    list-style-image: none;
+}
+.pure img {
+    border: 0;
+    -ms-interpolation-mode: bicubic;
+}
+.pure svg:not(:root) {
+    overflow: hidden;
+}
+.pure figure {
+    margin: 0;
+}
+.pure form {
+    margin: 0;
+}
+.pure fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+.pure legend {
+    border: 0;
+    padding: 0;
+    white-space: normal;
+}
+.pure button,
+.pure input,
+.pure select,
+.pure textarea {
+    font-size: 100%;
+    margin: 0;
+    vertical-align: baseline;
+}
+.pure button,
+.pure input {
+    line-height: normal;
+}
+.pure button,
+.pure select {
+    text-transform: none;
+}
+.pure button,
+.pure input[type="button"],
+.pure input[type="reset"],
+.pure input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+}
+.pure button[disabled],
+.pure input[disabled] {
+    cursor: default;
+}
+.pure input[type="checkbox"],
+.pure input[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+}
+.pure input[type="search"] {
+    -webkit-appearance: textfield;
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+}
+.pure input[type="search"]::-webkit-search-cancel-button,
+.pure input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+.pure button::-moz-focus-inner,
+.pure input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+.pure textarea {
+    overflow: auto;
+    vertical-align: top;
+}
+.pure table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}