pieces 0.3.7 → 0.3.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 40ae8859a3219222e45a76520b46ee3d2cb2be80
-  data.tar.gz: 936d5f4895bdfeeac42bc26e6d39598571035de3
+  metadata.gz: 779a56877fe797937693d618c05ea9f5528be171
+  data.tar.gz: 6af7698feea41519da8cbe0311fdaf67d5c70096
 SHA512:
-  metadata.gz: 49cfc280a32a40df762a3bcfff13d93f6108f36a15093d09683f607dd2758c798c247e71b7b400a6cb917aed8b0c06934ffc19411d4ceb30d7ead5eb4415eb33
-  data.tar.gz: 13f123fa2a0f53bcbcfc20f7f74bf0bae5a080a880aef12d45ffa6332993bfda7c753e43870225e1a4b9cc27be835fc992fd9d7fdd15ffd6cb8957cbd0ce6bf2
+  metadata.gz: 9add60074936b9675f114efa17c68dfea9f7de8e8ca3500f743deb9d6e201c989ec4b04a2af71bdfc488431e7d22d8117b3269e397f1dab39cf262e1809377cf
+  data.tar.gz: 8cfd9ea75a80b2270edbcc47614dd7e9ba7c2c3d653a7a181d666d1aa6deb98f4470244bb08b5064a30ac90a3acc6489735e731e14ec6bcb715f1322b366aea2

data/README.md

@@ -8,11 +8,9 @@
 This gem will take your HTML and CSS components and compile them into a static
 site.
 
- - Build static sites and blogs
- - Produce styleguides for your rails applications – [read how to](#use-as-styleguide-for-rails)
- - Mock up designs
-
-## Define your HTML and CSS together
+ - <h5>Build static sites and blogs</h5>
+ - <h5>Produce styleguides for your rails applications</h5>
+ - <h5>Mock up designs</h5>
 
 With pieces, you define the view of your application with components. Even
 your layout is just another component.
@@ -45,6 +43,23 @@ the rails world.
 </article>
 ```
 
+You should have a one to one relationship between components, and stylesheets.
+For example, `.article` should be defined like so.
+
+**`app/assets/stylesheets/components/article.css`:**
+
+```css
+.article {
+  padding: 1em;
+}
+
+.article__content {
+  padding-top: 1em;
+}
+```
+
+You can use `.css`, `.scss`, `.sass` and `.less` with pieces.
+
 **`app/views/layouts/application.html.erb`:**
 
 ``` erb

data/examples/rails_app/app/assets/stylesheets/application.css

@@ -10,6 +10,6 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require_tree .
+ *= require_tree ./components
  *= require_self
  */

data/examples/rails_app/app/assets/stylesheets/components/header.css

@@ -0,0 +1,4 @@
+.header {
+  font-size: 2em;
+  margin: 2em;
+}

data/examples/rails_app/app/views/application/header.html.erb

@@ -1,3 +1,3 @@
-<header>
+<header class="header">
   <%= title %>
 </header>

data/lib/pieces/compilers/style_compiler.rb

@@ -8,7 +8,11 @@ module Pieces
 
     def compile(files)
       files.merge('compiled.css' => { contents: '', type: 'css' }).tap do |files|
-        Dir["#{path}/app/views/*/*.{css,scss,sass,less}"].each do |file|
+        Dir["#{path}/app/assets/stylesheets/components/**/*.{css,scss,sass,less}"].each do |file|
+          files['compiled.css'][:contents] << ::Tilt.new(file).render
+        end
+
+        Dir["#{path}/app/views/**/*.{css,scss,sass,less}"].each do |file|
           files['compiled.css'][:contents] << ::Tilt.new(file).render
         end
       end

data/lib/pieces/listener.rb

@@ -8,7 +8,7 @@ module Pieces
     end
 
     def listen
-      Listen.to("#{path}/config/", "#{path}/app/views/") do
+      Listen.to("#{path}/config/", "#{path}/app/") do
         print "Rebuilding #{path}... "
         build_pieces
         puts 'done.'

data/lib/pieces/version.rb

@@ -1,3 +1,3 @@
 module Pieces
-  VERSION = '0.3.7'
+  VERSION = '0.3.8'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pieces
 version: !ruby/object:Gem::Version
-  version: 0.3.7
+  version: 0.3.8
 platform: ruby
 authors:
 - Luke Morton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-08-08 00:00:00.000000000 Z
+date: 2015-08-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tilt
@@ -186,6 +186,7 @@ files:
 - examples/rails_app/app/assets/images/.keep
 - examples/rails_app/app/assets/javascripts/application.js
 - examples/rails_app/app/assets/stylesheets/application.css
+- examples/rails_app/app/assets/stylesheets/components/header.css
 - examples/rails_app/app/controllers/application_controller.rb
 - examples/rails_app/app/controllers/concerns/.keep
 - examples/rails_app/app/helpers/application_helper.rb