css_builder 0.1.3 → 0.1.4

data/README.md

@@ -83,6 +83,97 @@ A ruby interface for creating CSS files; LESS and SASS planned;
       border : 1px;
     }
 
+## LESS support
+
+The LESS templating language has limited support right now. You can use it in the following way.
+
+    ###
+
+    css = CssBuilder.new
+
+    css.div {
+      font_size "1.2em"
+      class!("roger") {
+        color "green"
+      }
+      a {
+        text_decoration "none"
+        self.&(:hover => nil) {
+          color "#333"
+        } 
+      }
+    }
+
+    css.value! # outputs =>
+
+    div {
+      font-size : 1.2em;
+      .roger {
+        color : "green";
+      }
+      a {
+        text-decoration : "none";
+        &:hover() {
+          color : "#333";
+        }
+      }
+    }
+
+Variables
+
+    ###
+
+    css = CssBuilder.new
+
+    @css.variable!("color", "#4D926F")
+
+    @css.id!("header") {
+      color variable!("color")
+    }
+
+    css.value! # outputs =>
+
+    @color: #4D926F;
+
+    #header {
+      color: @color;
+    }
+
+Mixins
+
+    ###
+
+    css = CssBuilder.new
+
+    @css.mixin!("rounded-corners", ["radius", "5px"]) {
+      border_radius variable!("radius")
+      _webkit_border_radius variable!("radius")
+      _moz_border_radius variable!("radius")
+    }
+
+    @css.id!("header") {
+      mixin! "rounded-corners"
+    }
+
+    @css.id!("footer") {
+      mixin!("rounded-corners", "10px")
+    }
+
+    css.value! # outputs =>
+
+    .rounded-corners (@radius: 5px) {
+      border-radius: @radius;
+      -webkit-border-radius: @radius;
+      -moz-border-radius: @radius;
+    }
+
+    #header {
+      .rounded-corners;
+    }
+    #footer {
+      .rounded-corners(10px);
+    }
+
 ## Contributing to css_builder
  
 * Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.

data/VERSION

@@ -1 +1 @@
-0.1.3
+0.1.4

data/css_builder.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "css_builder"
-  s.version = "0.1.3"
+  s.version = "0.1.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Justin Derrek Van Eaton"]

data/lib/css_builder.rb

@@ -25,6 +25,38 @@ class CssBuilder
     @css
   end
 
+  ## enventaully move all LESS specific stuff to another file
+
+  def variable!(name, value=nil)
+    if value
+      css! "@#{_dasherize name} : #{value};"
+      _newline
+    else
+      return "@#{_dasherize name}"
+    end
+    @css
+  end
+
+  def mixin!(name, *args, &block)
+    css! _class(name)
+    _args_param_values(args)
+    if block
+      _open
+      _newline 
+
+      self.instance_eval(&block)
+
+      _close
+      _newline
+    else
+      css! ";"
+    end
+    _newline
+    @css
+  end
+
+  ## the magic
+
   def method_missing(m, *args, &block)
 
     if block
@@ -109,4 +141,27 @@ private
     end
   end
 
+  ## enventaully move all LESS specific stuff to another file
+
+  def _args_param_values(args)
+    return if args.empty?
+    css! " ("
+
+    len = args.length
+    args.each_with_index do |v, idx|
+      if v.is_a?(Array)
+        case v.length
+        when 0
+        when 1
+          css! "@#{_dasherize v[0]}"
+        else
+          css! "@#{_dasherize v[0]}: #{v[1]}"
+        end
+      else
+        css! v
+      end
+      css! ", " if idx < len - 1
+    end
+    css! ")"
+  end
 end

data/spec/css_builder_spec.rb

@@ -169,4 +169,63 @@ describe "CssBuilder" do
 
   end
 
+  describe "LESS" do 
+
+    it "can create and set variables" do
+      @css.variable!("color", "#4D926F")
+
+      @css.id!("header") {
+        color variable!("color")
+      }
+      @css.value!.should match /^@color\s+:\s+#4D926F;\s+#header\s+\{\s+color\s+:\s+@color;\s+\}/
+    end
+
+    it "can create and use mixins" do
+      @css.mixin!("rounded-corners", ["radius", "5px"]) {
+        border_radius variable!("radius")
+        _webkit_border_radius variable!("radius")
+        _moz_border_radius variable!("radius")
+      }
+
+      @css.id!("header") {
+        mixin! "rounded-corners"
+      }
+
+      @css.id!("footer") {
+        mixin!("rounded-corners", "10px")
+      }
+
+      @css.value!.should match /^\.rounded-corners\s+\(@radius:\s+5px\)\s+{\s+border-radius\s+:\s+@radius;\s+-webkit-border-radius\s+:\s+@radius;\s+-moz-border-radius\s+:\s+@radius;\s+}\s+#header\s+{\s+\.rounded-corners;\s+}\s+#footer\s+{\s+\.rounded-corners\s+\(10px\);\s+}/
+    end
+
+    it "can create and use mixins many params" do
+      @css.mixin!("rounded-corners", ["radius", "5px"], ["color", "red"]) {
+        border_radius variable!("radius")
+      }
+
+      @css.id!("footer") {
+        mixin!("rounded-corners", "10px", "green")
+      }
+
+      @css.value!.should match /^\.rounded-corners\s+\(@radius:\s+5px,\s+@color:\s+red\)\s+{\s+border-radius\s+:\s+@radius;\s+}\s+#footer\s+{\s+\.rounded-corners\s+\(10px,\s+green\);\s+}/
+    end
+
+    it "can create and use mixins no defualt" do
+      @css.mixin!("rounded-corners", ["radius"]) {
+        border_radius variable!("radius")
+      }
+
+      @css.value!.should match /^\.rounded-corners\s+\(@radius\)\s+{\s+border-radius\s+:\s+@radius;\s+}/
+    end
+
+    it "can create and use mixins empty" do
+      @css.mixin!("rounded-corners", []) {
+        border_radius variable!("radius")
+      }
+
+      @css.value!.should match /^\.rounded-corners\s+\(\)\s+{\s+border-radius\s+:\s+@radius;\s+}/
+    end
+
+  end
+
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: css_builder
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-03-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &2161210120 !ruby/object:Gem::Requirement
+  requirement: &2153594100 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 2.8.0
   type: :development
   prerelease: false
-  version_requirements: *2161210120
+  version_requirements: *2153594100
 - !ruby/object:Gem::Dependency
   name: rdoc
-  requirement: &2161209160 !ruby/object:Gem::Requirement
+  requirement: &2154252480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -32,10 +32,10 @@ dependencies:
         version: '3.12'
   type: :development
   prerelease: false
-  version_requirements: *2161209160
+  version_requirements: *2154252480
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &2161869580 !ruby/object:Gem::Requirement
+  requirement: &2154251160 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -43,10 +43,10 @@ dependencies:
         version: 1.0.0
   type: :development
   prerelease: false
-  version_requirements: *2161869580
+  version_requirements: *2154251160
 - !ruby/object:Gem::Dependency
   name: jeweler
-  requirement: &2161868200 !ruby/object:Gem::Requirement
+  requirement: &2154249760 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -54,7 +54,7 @@ dependencies:
         version: 1.8.3
   type: :development
   prerelease: false
-  version_requirements: *2161868200
+  version_requirements: *2154249760
 description: A ruby interface for creating CSS files; LESS and SASS planned;
 email: jvaneat@iit.edu
 executables: []
@@ -90,7 +90,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2673597597399935291
+      hash: -410341613257085463
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: