xass 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2d8414b98758d82aeb2cbb007ff5a75c3235bd9b
-  data.tar.gz: 7a6901d2a61939efa3c1e9a0ae963ffeca57284c
+  metadata.gz: 91cfa8d6349fb9b1c422658bfa51dfce7bbb3369
+  data.tar.gz: fe6a51357fcaf0c52173456f36b8ae36cb52d2bc
 SHA512:
-  metadata.gz: 68f5cf3d0135b3d443d42dce4e4c87211b37602c69fd7578d0850dcce1e962bc15c29066ad8662d652171b54fd5f5c1137b38c95947e72d0aaccedc22bad13fb
-  data.tar.gz: abd363ab0915631ca0c08904fe8e15e9f28fb0b712443bbb92b558efdcf9f965a07f030d15ca1cb8abcf31f903677c9729be3eb35d618a8b7ffa1485058b5fd3
+  metadata.gz: 51707b1166fba15c5f3cce1d1e7a8c9a236f4442e58020501ad80a311945a5a3fe02f4b435d5666f01d9cea36db326b57cb7bacb800a641bef80bc10099aba55
+  data.tar.gz: 7e89a7255db79d49eb970e7c9d825a495bca1cba1f513d820a3ac387a683071fd444c66884832691ef953f0b19536f91e606d57054370e8add2bc78baf5cd0ed

data/README.md

@@ -1,6 +1,6 @@
 ##DESCRIPTION
 
-Xass extend Rails with namespacing Sass classes
+Xass extends Rails with namespacing CSS classes in Sass.
 
 ##INSTALLATION
 
@@ -37,7 +37,7 @@ This emits the following css.
 }
 ```
 
-And,
+In view, use helpers to apply the style.
 
 ```haml
 -# /app/views/someview.html.haml
@@ -46,18 +46,27 @@ And,
   %div{ class: ns(:hogehoge) }
 ```
 
-Then, you can apply `width: 100px` to the `div` element.
+This emits
 
-###Example 2
+```html
+<div class="hoge__piyo__fuga___hogehoge"></div>
+```
 
-You can use `root` class for convenience.
+As matter of course, `namespace` can be nested as follows.
 
-```sass
-// /app/assets/stylesheets/application.sass
+```haml
+-# /app/views/someview.html.haml
 
-@import ./main/**/*
+= namespace :hoge do
+  = namespace :piyo do
+    = namespace :fuga do
+      %div{ class: ns(:hogehoge) }
 ```
 
+###Example 2
+
+You can use `root` class for convenience.
+
 ```sass
 // /app/assets/stylesheets/main/hoge/piyo/fuga.sass
 
@@ -68,7 +77,7 @@ You can use `root` class for convenience.
   width: 100px
 ```
 
-This emits the following css.
+This emits
 
 ```css
 .hoge__piyo__fuga {
@@ -90,7 +99,15 @@ And,
     %div{ class: ns(:hogehoge) }
 ```
 
-You can also write as follows abbreviately.
+This emits
+
+```html
+<div class="hoge__piyo__fuga">
+  <div class="hoge__piyo__fuga___hogehoge"></div>
+</div>
+```
+
+Abbreviately, you can write this as follows.
 
 ```haml
 -# /app/views/someview.html.haml
@@ -101,7 +118,7 @@ You can also write as follows abbreviately.
 
 ###Example 3
 
-You can use `_` prefix for unnamespaced .
+You can use `_` prefix to disable namespacing.
 
 ```sass
 // /app/assets/stylesheets/application.sass
@@ -136,4 +153,32 @@ This emits the following css.
 .current {
   background-color: black;
 }
-```
+```
+
+###Example 4
+
+In partial, you may want to reset current namespace. `namespace!` and `namespace_with_root!` do this.
+
+```haml
+-# /app/views/someview.html.haml
+
+= namespace_with_root :hoge, :piyo, :fuga do
+  = render partial: 'partial'
+```
+
+```haml
+-# /app/views/partial.html.haml
+
+= namespace_with_root! :foo do
+  foo
+```
+
+This emits
+
+```html
+<div class="hoge__piyo__fuga">
+  <div class="foo">
+    foo
+  </div>
+</div>
+```

data/lib/xass/view_helpers.rb

@@ -18,7 +18,7 @@ module Xass
 
     def namespace_with_root(*names, tag: :div, attrs: {}, reset: false, &block)
       nss = reset ? [] : namespaces
-      content_tag(tag, namespace(*names, reset: reset, &block), attrs_with_additional_class(attrs, ns_root(nss + [names])))
+      content_tag(tag, namespace(*names, reset: reset, &block), attrs_with_additional_class(attrs, ns_root!(*(nss.flatten + names))))
     end
 
     def namespace_with_root!(*names, tag: :div, attrs: {}, &block)
@@ -41,12 +41,20 @@ module Xass
       end
     end
 
-    def ns_root(nss = namespaces)
-      nss.flatten.map(&:to_s).join('__')
+    def ns_root(*names)
+      ns_root!(*(namespaces.flatten + names))
     end
 
-    def ns(name)
-      "#{ns_root}___#{name}"
+    def ns_root!(*names)
+      names.map(&:to_s).join('__')
+    end
+
+    def ns(*names)
+      "#{ns_root(*names[0...-1])}___#{names[-1]}"
+    end
+
+    def ns!(*names)
+      "#{ns_root!(*names[0...-1])}___#{names[-1]}"
     end
 
     private

data/xass.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name = 'xass'
-  s.version = '0.1.4'
+  s.version = '0.1.5'
   s.authors = ['Tetsuri Moriya']
   s.email = ['tetsuri.moriya@gmail.com']
   s.summary = 'Sass namespace extension'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: xass
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Tetsuri Moriya
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-22 00:00:00.000000000 Z
+date: 2014-08-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec