golden-label 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 64e6302b465b1a15a7f4d430e49540650786ba4a
+  data.tar.gz: ed75492e76876b3591b3fb0d0ba1cf4a5109d027
+SHA512:
+  metadata.gz: e07ec91d6093467201ccb88e41b352e985dafb67a78ee0506aaa4f6deb4965bf39ecc6bf3f811ae9616b74d5d67d67f8b4edcd7c46aafdeb40e97c12525de2d9
+  data.tar.gz: 612b96edfcf6a214b9194e149d73d1369efe7f6a449e5f8c6c9819ac4e84a769b1ccfe275777535c324b6eb1827cd65849cecd2810545c92f8b5954cf1023255

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in golden-label.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Tse-Ching Ho
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,67 @@
+# Golden Label
+
+[label.css](https://github.com/usablica/label.css) is a stylesheet providing an easy way to label html elements.
+
+The `golden-label` gem integrates `label.css` with Rails asset pipeline for easy of use.
+
+## Installation
+
+Include `golden-label` in Gemefile
+
+```ruby
+gem 'golden-label'
+```
+
+Then run `bundle install`
+
+## Usage
+
+Add to your `app/assets/stylesheets/application.css`.
+
+```css
+*= require golden/label
+```
+
+Add html element with `label` class and `data-label` attribute.
+
+```html
+<figure class="label" data-label="HTML5 & CSS3">
+  <img src="images/html5css3.png" alt="HTML5 & CSS3">
+</figure>
+```
+
+Adjust positon of label by adding class combination.
+
+* `inside` can go with `top`, `middle`, `bottom`, `left` and `right`
+* `outside` can go with `top` and `bottom`
+
+Add hover effects by adding `fade` or `float` class.
+
+```html
+<figure class="label inside bottom left float" data-label="HTML5 & CSS3">
+  <img src="images/html5css3.png" alt="HTML5 & CSS3">
+</figure>
+```
+
+## Customization
+
+Add to your `app/assets/stylesheets/golden/label/variables.sass`.
+
+```sass
+$label-background-color: rgba(242, 190, 69, 0.8)
+$label-font-family: Helvetica
+$label-font-size: 2em
+$label-font-weight: bold
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## License
+
+use MIT license.

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/app/assets/stylesheets/golden/label.css.sass

@@ -0,0 +1,23 @@
+/*---------------------------------------
+ *   Label.css
+ *
+ *   Developed By Hosein Emrani:
+ *
+ *    | Twitter: (@hoseiin)
+ *    | Facebook: (fb.com/hosein.emrani)
+ *    | Mail: hoseiin[at]outlook[dot]com
+ *
+ *   Github: http://github.com/usablica/label.css
+ *
+ *   With love in usablica, Tehran.
+ *---------------------------------------
+ *   Rewrited by Tse-Ching Ho
+ *----------------------------------------
+ */
+
+@import label/variables
+@import label/mixins
+@import label/base
+@import label/position
+@import label/effect
+@import label/bootstrap

data/app/assets/stylesheets/golden/label/base.sass

@@ -0,0 +1,22 @@
+/* Basic CSS for the label */
+
+.label[data-label]
+  position: relative
+  font-family: $label-font-family
+  margin: auto
+  display: inline-block
+  width: auto
+  overflow: hidden
+  &:after, &:before
+    position: absolute
+    height: auto
+    width: 98%
+    display: block
+    padding: 1%
+    background: $label-background-color
+    font-family: $label-font-family
+    font-size: $label-font-size
+    font-weight: $label-font-weight
+    content: attr(data-label)
+  span[data-label]
+    content: attr(data-label)

data/app/assets/stylesheets/golden/label/bootstrap.sass

@@ -0,0 +1,18 @@
+/* Bootstrap Hack!
+ * revert to initial style for ".label" and ".fade" class.
+ */
+
+.label[data-label]
+  padding: initial !important
+  font-size: initial !important
+  font-weight: initial !important
+  line-height: initial !important
+  color: initial !important
+  text-shadow: initial !important
+  white-space: initial !important
+  vertical-align: initial !important
+  background-color: initial !important
+  border-radius: initial !important
+  &.fade
+    opacity: initial !important
+    transition: initial !important

data/app/assets/stylesheets/golden/label/effect.sass

@@ -0,0 +1,49 @@
+/* fade effect */
+
+.label[data-label]
+  &.fade
+    &:after, &:before
+      @include label-transition
+      @include label-visibility(false)
+    &:hover
+      &:after, &:before
+        @include label-visibility(true)
+
+
+/* float effect */
+
+.label[data-label]
+  &.float
+    &:after, &:before
+      @include label-transition
+      @include label-visibility(false)
+    &:hover
+      &:after, &:before
+        @include label-visibility(true)
+  &.inside
+    &.top.float
+      &:before
+        top: -15px
+      &:hover:before
+        top: 0
+    &.bottom.float
+      &:after
+        bottom: -5px
+      &:hover:after
+        bottom: 1%
+    &.middle.float
+      &:after
+        margin-top: 20px
+      &:hover:after
+        margin-top: 0px
+  &.outside
+    &.top.float
+      &:before
+        top: 10px
+      &:hover:before
+        top: 0px
+    &.bottom.float
+      &:after
+        top: -10px
+      &:hover:after
+        top: 0px

data/app/assets/stylesheets/golden/label/mixins.sass

@@ -0,0 +1,24 @@
+@mixin label-float($place)
+  @if $place == left
+    float: left
+    width: auto
+    left: 0px
+  @else
+    float: right
+    width: auto
+    right: 0px
+
+@mixin label-transition($delay: 0.25s)
+  transition: all $delay ease
+  -webkit-transition: all $delay ease
+  -moz-transition: all $delay ease
+  -ms-transition: all $delay ease
+  -o-transition: all $delay ease
+
+@mixin label-visibility($visible)
+  @if $visible == true
+    opacity: 1
+    visibility: visible
+  @else
+    opacity: 0
+    visibility: hidden

data/app/assets/stylesheets/golden/label/position.sass

@@ -0,0 +1,56 @@
+/* Inside Positions */
+
+.label[data-label]
+  &.inside
+    &.top
+      &:before
+        top: 0px
+      &:after,
+        display: none
+    &.middle
+      &:before
+        display: none
+      &:after
+        top: 45%
+    &.bottom
+      &:before
+        display: none
+      &:after
+        bottom: 1%
+    &.left
+      &:after, &:before
+        @include label-float(left)
+    &.right
+      &:after, &:before
+        @include label-float(right)
+
+
+/* Outside Positions */
+
+.label[data-label]
+  &.outside
+    overflow: initial
+    &:after, &:before
+      position: relative
+      background: none
+    &:after
+      margin-bottom: -5%
+    &:before
+      margin-top: -5%
+    &.top
+      &:after,
+        display: none
+    &.bottom
+      &:before
+        display: none
+      &:after
+        bottom: 1%
+
+
+/* RTL Support */
+
+.label[data-label]
+  &.rtl
+    &:after, &:before
+      text-align: right
+      direction: rtl

data/app/assets/stylesheets/golden/label/variables.sass

@@ -0,0 +1,4 @@
+$label-background-color: rgba(242, 242, 242, 0.8)
+$label-font-family: Arial
+$label-font-size: inherit
+$label-font-weight: normal

data/golden-label.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'golden/label/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'golden-label'
+  spec.version       = Golden::Label::VERSION
+  spec.authors       = ['Tse-Ching Ho']
+  spec.email         = ['tsechingho@gmail.com']
+  spec.description   = %q{label.css is a stylesheet providing an easy way to label html elements. This gem integrates label.css with Rails asset pipeline for easy of use.}
+  spec.summary       = %q{Integrate label.css with Rails asset pipeline}
+  spec.homepage      = 'https://github.com/goldenio/golden-label'
+  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']
+
+  spec.add_dependency 'railties', '>= 3.0'
+  spec.add_dependency 'sass-rails', '>= 3.2'
+
+  spec.add_development_dependency 'bundler', '~> 1.3'
+  spec.add_development_dependency 'rake'
+end

data/lib/golden/label.rb

@@ -0,0 +1,7 @@
+require 'golden/label/version'
+
+module Golden
+  module Label
+    require 'golden/label/engine'
+  end
+end

data/lib/golden/label/engine.rb

@@ -0,0 +1,6 @@
+module Golden
+  module Label
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/golden/label/version.rb

@@ -0,0 +1,6 @@
+module Golden
+  module Label
+    VERSION = '0.1.0'
+    LABEL_CSS_VERSION = '0.1.1'
+  end
+end

metadata

@@ -0,0 +1,117 @@
+--- !ruby/object:Gem::Specification
+name: golden-label
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Tse-Ching Ho
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-05-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: label.css is a stylesheet providing an easy way to label html elements.
+  This gem integrates label.css with Rails asset pipeline for easy of use.
+email:
+- tsechingho@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/golden/label.css.sass
+- app/assets/stylesheets/golden/label/base.sass
+- app/assets/stylesheets/golden/label/bootstrap.sass
+- app/assets/stylesheets/golden/label/effect.sass
+- app/assets/stylesheets/golden/label/mixins.sass
+- app/assets/stylesheets/golden/label/position.sass
+- app/assets/stylesheets/golden/label/variables.sass
+- golden-label.gemspec
+- lib/golden/label.rb
+- lib/golden/label/engine.rb
+- lib/golden/label/version.rb
+homepage: https://github.com/goldenio/golden-label
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Integrate label.css with Rails asset pipeline
+test_files: []