almostfu 0.0.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 84b8eb1069b80ec84f15a9aa8985c5077d066084
+  data.tar.gz: ca3dfb0f16cb4d8f060e205fbe5810bc7795a843
+SHA512:
+  metadata.gz: 6c58a4e8bc4571846acc22cc8ff6a7d2d990afc1a63f3154867f7d6739dd5db0d9c16443dea7f8a1d82f78887035b84a47dced0bbd8f60b812ef27ef149a05de
+  data.tar.gz: 1c4a7fc9af990a7da52f57d05a3da3bed11e4828cb7d7a31f1eab686060decb78f6364e8ef68cca312295261bb46f68bfbd2da72d1bc89db25b8882d70380613

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 almostfu.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 xiongbo
+
+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,48 @@
+# Almostfu
+
+  Simply package almost flat ui into rails
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'almostfu', :git => 'git@github.com:xiongbo/almostfu.git'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install almostfu
+
+## Dependency
+
+This gem need compass, so you should also include compass in your Gemfile by use 'compass-rails' gem
+
+    #rails 4
+    gem 'compass-rails', '~>2.0.alpha.0'
+
+    #rails 3.X, in asset group
+    gem 'compass-rails' 
+
+and also need foundation gem
+
+    gem 'zurb-foundation', '~>4.0.0'
+
+## Usage
+
+In your application.css.scss, import compass and foundation
+
+    @import compass
+    @import foundation
+    @import almostfu
+
+
+## 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

data/Rakefile

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

data/almostfu.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'almostfu/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "almostfu"
+  spec.version       = Almostfu::VERSION
+  spec.authors       = ["xiongbo"]
+  spec.email         = ["xiongbo027@gmail.com"]
+  spec.description   = %q{Simply warpped almost flat ui}
+  spec.summary       = %q{almost flat ui warpper}
+  spec.homepage      = ""
+  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_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/almostfu.rb

@@ -0,0 +1,11 @@
+require "almostfu/version"
+
+module Almostfu
+  module Rails
+    if ::Rails.version < "3.1"
+      require "almostfu/railtie"
+    else
+      require "almostfu/engine"
+    end
+  end
+end

data/lib/almostfu/engine.rb

@@ -0,0 +1,7 @@
+# coding: utf-8
+module Almostfu
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/almostfu/railtie.rb

@@ -0,0 +1,7 @@
+# coding: utf-8
+module Almostfu
+  module Rails
+    class Railtie < ::Rails::Railtie
+    end
+  end
+end

data/lib/almostfu/version.rb

@@ -0,0 +1,3 @@
+module Almostfu
+  VERSION = "0.0.3"
+end

data/lib/assets/stylesheets/_almostfu.scss

@@ -0,0 +1,62 @@
+// Global Foundation Settings
+ @import "settings";
+
+// Comment out this import if you are customizing you imports below
+//@import "foundation";
+
+// Import specific parts of Foundation by commenting the import "foundation"
+// and uncommenting what you want below. You must uncomment the following if customizing
+
+ @import "foundation"; // *always required
+ @import "foundation/components/global"; // *always required
+ @import "foundation/components/grid";
+ @import "foundation/components/visibility";
+ @import "foundation/components/block-grid";
+ @import "foundation/components/type";
+ @import "foundation/components/buttons";
+ @import "foundation/components/forms"; // *requires components/buttons
+ @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
+ @import "foundation/components/button-groups"; // *requires components/buttons
+ @import "foundation/components/dropdown-buttons"; // *requires components/buttons
+ @import "foundation/components/split-buttons"; // *requires components/buttons
+ @import "foundation/components/flex-video";
+ @import "foundation/components/section";
+ @import "foundation/components/top-bar";  // *requires components/grid
+ @import "foundation/components/orbit";
+ @import "foundation/components/reveal";
+ @import "foundation/components/joyride";
+ @import "foundation/components/clearing";
+ @import "foundation/components/alert-boxes";
+ @import "foundation/components/breadcrumbs";
+ @import "foundation/components/keystrokes";
+ @import "foundation/components/labels";
+ @import "foundation/components/inline-lists";
+ @import "foundation/components/pagination";
+ @import "foundation/components/panels";
+ @import "foundation/components/pricing-tables";
+ @import "foundation/components/progress-bars";
+ @import "foundation/components/side-nav";
+ @import "foundation/components/sub-nav";
+ @import "foundation/components/switch";
+ @import "foundation/components/magellan";
+ @import "foundation/components/tables";
+ @import "foundation/components/thumbs";
+ @import "foundation/components/tooltips";
+ @import "foundation/components/dropdown";
+
+// Compass Imports
+ @import "compass/css3/box-shadow";
+ @import "compass/css3/images";
+ @import "compass/css3/transition";
+ @import "compass/css3/opacity";
+
+// FLAT UI Customizations
+@import "buttons";
+@import "pagination";
+@import "topbar";
+@import "subnav";
+@import "forms";
+@import "sections";
+@import "sidenav";
+@import "misc";
+

data/lib/assets/stylesheets/_buttons.scss

@@ -0,0 +1,91 @@
+@mixin button-effect($bg:$primary-color){
+  $dark-bg: darken($bg, 5%);
+  $darker-bg: darken($bg, 10%);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color:$dark-bg !important;
+  border-width:2px;
+  @include background-image(linear-gradient($bg, $bg 5%, $dark-bg));
+  &:hover,
+  &:focus,
+  &:active{
+    background-color: $bg;
+    @include background-image(linear-gradient($bg, $bg));
+    @include opacity(0.95);
+    @include box-shadow(0 1px 1px rgba( 0, 0, 0, .1));
+    border-color:$darker-bg !important;
+    @include transition(.25s);
+  }
+  @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.0) inset);
+}
+.disabled:hover{
+  opacity: 0.6 !important;
+}
+.button {
+  @include button-effect();
+}
+
+
+a,
+button,
+input[type="submit"]{
+  &.primary-dark {
+    @include button-effect($belize-hole);
+  }
+
+  &.secondary {
+    @include button-effect($clouds);
+    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
+  }
+  &.success{
+    @include button-effect($emerland);
+  }
+  &.success-dark{
+   @include button-effect($turquoise);
+  }
+  &.success-darker{
+     @include button-effect($nephritis);
+  }
+  &.success-darkest{
+     @include button-effect($green-sea);
+  }
+
+  &.alert{
+   @include button-effect($alizarin);
+  }
+  &.alert-dark{
+   @include button-effect($pomegranate);
+  }
+
+  &.info{
+   @include button-effect($sun-flower);
+  }
+  &.info-dark{
+   @include button-effect($orange);
+  }
+
+  &.warning{
+   @include button-effect($carrot);
+  }
+  &.warning-dark{
+   @include button-effect($pumpkin);
+  }
+
+  &.highlight{
+   @include button-effect($amethyst);
+  }
+  &.highlight-dark{
+   @include button-effect($wisteria);
+  }
+
+  &.inverse{
+   @include button-effect($wet-asphalt);
+  }
+  &.inverse-dark{
+   @include button-effect($midnight-blue);
+  }
+}
+
+
+
+
+

data/lib/assets/stylesheets/_forms.scss

@@ -0,0 +1,30 @@
+form{
+  input.error{
+    &:focus{
+      border-color: $alizarin;
+    }
+    color:$alizarin;
+  }
+  .success input{
+    border-color: $success-color;
+    color:$success-color;
+    &:focus{
+      border-color: $success-color;
+    }
+  }
+
+
+  .success label,
+  label.success{
+    @include form-label-error-color($success-color);
+  }
+  .success small,
+  small.success{
+   @include form-error-message($success-color);
+  }
+
+  span.prefix,
+  span.postfix {
+    border-color: $clouds;
+  }
+}

data/lib/assets/stylesheets/_misc.scss

@@ -0,0 +1,9 @@
+.panel.callout {
+  @include box-shadow(0 1px 0 rgba(255, 255, 255, 0) inset);
+}
+.clearing-thumbs{
+  list-style:none;
+  li{
+    display: inline;
+  }
+}

data/lib/assets/stylesheets/_pagination.scss

@@ -0,0 +1,15 @@
+.pagination {
+  li a {
+    border-radius: $global-rounded;
+    &:hover{
+      background-color: $turquoise;
+      border-color: $turquoise;
+      color: white;
+      @include transition(background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out);
+
+    }
+  }
+  li.unavailable a:hover{
+    background-color: $clouds;
+  }
+}

data/lib/assets/stylesheets/_sections.scss

@@ -0,0 +1,56 @@
+.section-container.auto,
+.section-container.tabs,
+.section-container.accordion{
+   section,
+  .section{
+    .content {
+      top: -2px;
+    }
+    .title{
+      a{
+        color:$primary-color;
+      }
+    }
+  }
+}
+
+.section-container.accordion,
+.section-container.vertical-nav,
+.section-container.horizontal-nav{
+  section,
+  .section{
+    &.active{
+      .title{
+        background:$midnight-blue;
+        &:hover{
+          background:$wet-asphalt;
+          @include transition(.25s);
+        }
+        a{
+          color:#fff;
+        }
+      }
+    }
+    &:hover{
+      .title{
+        background:$turquoise;
+        @include transition(.25s);
+        a{
+          color:#fff;
+        }
+      }
+    }
+  }
+}
+
+.section-container.vertical-nav,
+.section-container.horizontal-nav{
+   section,
+  .section{
+    .title{
+      a{
+        color:$primary-color;
+      }
+    }
+  }
+}