box-cutter 0.0.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b5038a44f23b9cc2cf8f8428fa0de25a824f5ddb
+  data.tar.gz: 1407440d4eef81443a9ca163c62d6853d0c85981
+SHA512:
+  metadata.gz: 72466cd92071c8dba16b6efbb8a0775cabbbf20f8b957c942d85b4bf48378be3b8e73ec70bfdf5bf6e6df251ceab25c8b5d2475b03dec7a28b37ccaa56b042f5
+  data.tar.gz: 914a98ce49ca1dc7e97c03fc1325bbe7af3b0ec8af09b23dd66bf740bd47f1de6f70a95019864eff69f5a15dc0752a4a094494acc41006035bcb88468907a365

data/.gitignore

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

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Ryan Buckley
+
+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,57 @@
+# Box Cutter
+
+Adds a `box` helper method to your views. Comes complete with styles and options for any occasion! 
+
+## Requirements 
+
+* >= Rails 3
+* >= Ruby 1.9
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'box-cutter', git: 'https://github.com/ridiculous/box-cutter'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install box-cutter
+
+## Usage
+
+No bootstrap required, just add the styesheet to application.css:
+    
+    require box-cutter
+    
+Now your ready to use it in your views:
+
+    <%= box(title: 'Welcome') do %>
+        # ...
+    <% end %>
+
+Or, you can just use it as a box by passing no title (or options):
+
+    <%= box { 'Time to block out' } %>
+    
+Options:
+
+    title: '',   # Title for the box
+    if: true,    # Conditionally show the box
+    span: nil,   # N/A unless you include Twitter Bootstraps .span* classes
+    class: nil,  # Custom CSS classes
+    color: nil,  # We have grey, purple, dark-purple, green, dark-green, white, blue, dark-blue, red, dark-red
+    offset: nil, # 
+    padding: 20, # Padding for box
+    links: []    # Array of arrays: [['Home', root_path], ['Logout', logout_path]]
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/app/assets/stylesheets/box-cutter.scss

@@ -0,0 +1,441 @@
+.well.compact {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.well-light {
+  display: block;
+  background-color: #f8fff3;
+  padding: 5px 20px;
+  line-height: 20px;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  margin-bottom: 10px;
+}
+
+.well-error {
+  display: block;
+  background-color: #ffd6d5;
+  padding: 5px 20px;
+  line-height: 20px;
+  border: 1px solid #ffc6c3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  margin-bottom: 10px;
+}
+
+.centered-block {
+  margin: 0 auto;
+}
+
+hr {
+  margin: 5px 0 10px 0;
+  border: 0;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ffffff;
+}
+
+.width-50 {
+  width: 50%;
+}
+
+.form-hr {
+  margin: 30px 0 20px;
+}
+
+hr {
+  &.dotted {
+    margin: 30px 0 20px;
+    border: 0;
+    border-bottom: 1px dotted #CCCCCC;
+  }
+
+  &.dotted-short {
+    margin: 10px 0;
+    border: 0;
+    border-bottom: 1px dotted #CCCCCC;
+  }
+}
+
+.text-center, .center {
+  text-align: center !important;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-small {
+  font-size: 85%;
+}
+
+.flow-group {
+  margin-bottom: 10px;
+  border-bottom: 1px dotted #DDD;
+  padding-bottom: 10px;
+
+  label {
+    font-weight: bold;
+  }
+
+  &.last {
+    border: 0;
+    margin-bottom: 0;
+  }
+}
+
+.control-group label {
+  font-weight: none;
+}
+
+a.anchor {
+  position: relative;
+  top: 80px;
+  height: 2px;
+}
+
+label.radio {
+  cursor: pointer;
+}
+
+.document-highlight {
+  background-color: #d9edf7;
+  border: 1px solid #90a8d6;
+  border-width: 1px 0 1px 0;
+}
+
+a.animate:hover i {
+  text-decoration: none;
+  font-size: 170%;
+  position: relative;
+  left: -5px;
+}
+
+td.actions {
+  text-align: right;
+}
+
+td.actions {
+  a {
+    color: black;
+  }
+
+  a:hover {
+    color: #4b8c27;
+    text-decoration: none;
+  }
+}
+
+td.actions a:hover, td.action:hover {
+  background-color: transparent;
+}
+
+.required, .conditional {
+  font-size: 8pt;
+}
+
+.required {
+  color: #669ef7;
+}
+
+.conditional {
+  color: #f7b620;
+}
+
+.popover-title {
+  color: #000;
+  font-weight: bold;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 13pt;
+}
+
+@mixin box($color) {
+//background-color: $background;
+  $background: lighten($color, 55%);
+  $header-end: lighten($color, 15%);
+  background-color: $background;
+  border: 1px solid desaturate(darken($background, 15%), 10%);
+
+  color: darken($color, 20%);
+
+  .tab-header {
+    @include box-header($color);
+
+    a {
+      color: lighten($header-end, 20%);
+
+      &:hover {
+        color: lighten($header-end, 90%);
+      }
+    }
+  }
+
+  a {
+    color: $color;
+    border-bottom: 1px dotted $color;
+    text-decoration: none;
+
+    &:hover {
+      background-color: transparent;
+      border-bottom: 1px solid $color;
+    }
+  }
+
+  .actions a, .action a, a.action {
+    border: 0;
+    color: black;
+    &:hover {
+      background-color: transparent;
+      border: 0;
+      text-decoration: none;
+    }
+  }
+
+  &.link-list {
+    a {
+      border-bottom: 0;
+
+      &:hover {
+        border-bottom: 1px dotted $color;
+      }
+
+      [class^="icon-"], [class*="icon-"] {
+        margin-right: 5px;
+      }
+    }
+  }
+}
+
+@mixin box-header($color) {
+  color: #fff;
+  $header-end: lighten($color, 3%);
+  background: $color;
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, $color), color-stop(100%, $header-end));
+  background-image: -webkit-linear-gradient(bottom, $header-end, $color);
+  background-image: -moz-linear-gradient(bottom, $header-end, $color);
+  background-image: -o-linear-gradient(bottom, $header-end, $color);
+  background-image: linear-gradient(bottom, $header-end, $color);
+  text-shadow: 0px 1px 1px fade-out($color, 0.25);
+  border-bottom: 1px solid darken($color, 10%);
+}
+
+.box.box-grey {
+  @include box(#F5F5F5);
+
+  .tab-header {
+    color: #666;
+  }
+  a {
+    color: #427d21;
+  }
+}
+
+.box {
+  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  background: #f6f7fb;
+  border: 1px solid #d8d9dd;
+  border-width: 0 1px 1px 1px;
+  margin-bottom: 20px;
+
+  a {
+    color: black;
+    border-bottom: 1px dotted black;
+    text-decoration: none;
+
+    &:hover {
+      background-color: transparent;
+      border-bottom: 1px solid black;
+    }
+
+    &.qtip2:hover {
+      background-color: transparent;
+      color: black;
+      border-bottom: 0;
+    }
+  }
+}
+
+.box .tab-header,
+.tab-header {
+  $green: #55a02a;
+  line-height: 32px;
+  height: 32px;
+  padding: 0 15px;
+  font-size: 14px;
+  color: #fff;
+  font-weight: bold;
+  -webkit-border-radius: 5px 5px;
+  -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
+  border-radius: 5px 5px 0 0 / 5px 5px 0 0;
+  background: #2a2a30;
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, lighten($green, 15%)), color-stop(100%, $green));
+  background-image: -webkit-linear-gradient(top, lighten($green, 15%), $green);
+  background-image: -moz-linear-gradient(top, lighten($green, 15%), $green);
+  background-image: -o-linear-gradient(top, lighten($green, 15%), $green);
+  background-image: linear-gradient(top, lighten($green, 15%), $green);
+  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
+  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid darken($green, 5%);
+  text-shadow: 0px 1px 1px #3A6F1E;
+  font-family: 'Scada', 'Telex', sans-serif;
+  font-size: 14pt;
+  font-weight: normal;
+}
+
+.box.box-green {
+  @include box(#55a02a);
+
+  a {
+    color: #427d21;
+  }
+}
+
+.box.box-dark-green {
+  @include box(#346119);
+
+  a {
+    color: #43af00;
+    &:hover {
+      background-color: lighten(#acf484, 15%);
+    }
+  }
+}
+
+.box.box-white {
+  @include box(#fff);
+  $link-hover-green: #427d21;
+  color: #333;
+
+  .tab-header {
+    color: #3e751f;
+
+    a {
+      color: #5cae2f;
+      &:hover {
+        color: #5cae2f;
+        background-color: transparent;
+      }
+    }
+  }
+
+  a {
+    color: $link-hover-green;
+    border-bottom: 1px dotted $link-hover-green;
+    &:hover {
+      color: $link-hover-green;
+      border-bottom: 1px solid $link-hover-green;
+    }
+    &.emphasis {
+      background-color: #d5fdc1;
+    }
+
+    &.btn {
+      color: white;
+    }
+  }
+
+}
+
+.box.box-purple {
+  @include box(#5d2b88);
+}
+
+.box.box-dark-purple {
+  @include box(#3d1b58);
+
+  a {
+    &:hover {
+      color: #d8b6fb;
+      background-color: #6f31a0;
+    }
+  }
+
+  .muted {
+    color: #79737e;
+  }
+}
+
+.box.box-blue {
+  @include box(#1b46ae);
+}
+
+.box.box-dark-blue {
+  @include box(#123074);
+}
+
+.box.box-red {
+  @include box(#cc0009);
+}
+
+.box.box-dark-red {
+  @include box(#940007);
+}
+
+.padded20 {
+  padding: 20px;
+}
+
+.padded10 {
+  padding: 10px 20px;
+}
+
+.padded5 {
+  padding: 5px 20px;
+}
+
+.box .tab-header .qtip2:hover {
+  background-color: transparent;
+}
+
+.tip-top {
+  cursor: pointer;
+}
+
+.qtip2-content {
+  display: none;
+}
+
+.box .ml5 {
+  margin-left: 5px;
+}
+
+.pull-right {
+  float: right;
+}
+
+.tab-header-right a {
+  font-size: 14px;
+}

data/box-cutter.gemspec

@@ -0,0 +1,17 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/box-cutter/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Ryan Buckley"]
+  gem.email         = ["arebuckley@gmail.com"]
+  gem.description   = %q{helper methods for creating boxes}
+  gem.summary       = %q{Helper methods for creating boxes}
+  gem.homepage      = ''
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "box-cutter"
+  gem.require_paths = ["lib"]
+  gem.version       = Box::Cutter::VERSION
+end

data/lib/box-cutter.rb

@@ -0,0 +1,5 @@
+if defined? Rails
+  class Engine < Rails::Engine
+  end
+  require 'box-cutter/railtie'
+end

data/lib/box-cutter/helpers/box_helpers.rb

@@ -0,0 +1,45 @@
+module BoxCutter
+  module BoxHelpers
+    class BoxOptions
+
+      attr_reader :title, :if, :span, :klass, :color, :offset, :padding, :links
+
+      def initialize(options={})
+        @title = options[:title] || ''
+        @if = options[:if] || 1
+        @span = options[:span]
+        @span.try(:prepend, 'span')
+        @klass = options[:class]
+        @color = options[:color]
+        @color.try(:insert, 0, 'box-')
+        @offset = options[:offset]
+        @offset.try(:prepend, 'offset')
+        @padding = options[:padding] || 20
+        @links = options[:links]
+        @links = @links ? !options[:links][0].is_a?(Array) ? [@links] : @links : []
+      end
+    end
+
+    def box(options={}, &block)
+      opts = BoxOptions.new(options)
+
+      buffer = []
+      if opts.if
+        buffer << "<div class='#{opts.span}#{opts.offset}'><div>"
+        buffer << "<div class='box #{opts.color}#{opts.klass}'>"
+        if !opts.title.empty? || opts.links.any?
+          buffer << "<div class='tab-header'>#{opts.title}<div class='pull-right tab-header-right'><div class='space-right actions'>"
+          buffer << opts.links.map { |l| link_to(l[0], l[1], {class: 'ml5'}.merge(l[2] || {})) }
+          buffer << '</div></div></div>'
+        end
+        if block_given?
+          buffer << "<div class='box-content padded#{opts.padding}'>"
+          buffer << capture(&block)
+          buffer << '</div>'
+        end
+        buffer << '</div></div></div>'
+      end
+      buffer.flatten.join('').html_safe
+    end
+  end
+end

data/lib/box-cutter/railtie.rb

@@ -0,0 +1,9 @@
+require_relative 'helpers/box_helpers'
+
+module BoxCutter
+  class Railtie < Rails::Railtie
+    initializer "helpers.box_helpers" do |app|
+      ActionView::Base.send :include, BoxHelpers
+    end
+  end
+end

data/lib/box-cutter/version.rb

@@ -0,0 +1,5 @@
+module Box
+  module Cutter
+    VERSION = '0.0.3'
+  end
+end

metadata

@@ -0,0 +1,55 @@
+--- !ruby/object:Gem::Specification
+name: box-cutter
+version: !ruby/object:Gem::Version
+  version: 0.0.3
+platform: ruby
+authors:
+- Ryan Buckley
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-07 00:00:00.000000000 Z
+dependencies: []
+description: helper methods for creating boxes
+email:
+- arebuckley@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/box-cutter.scss
+- box-cutter.gemspec
+- lib/box-cutter.rb
+- lib/box-cutter/helpers/box_helpers.rb
+- lib/box-cutter/railtie.rb
+- lib/box-cutter/version.rb
+homepage: ''
+licenses: []
+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.2.2
+signing_key: 
+specification_version: 4
+summary: Helper methods for creating boxes
+test_files: []
+has_rdoc: