formtastic-plus-flatui 0.0.1

data/LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2013 Andreas Knöpfle
+
+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,25 @@
+formtastic-plus-flatui
+======================
+Have following scss imports with this:
+
+  '@import "bootstrap-without-forms";'
+  '@import "formtastic-plus-bootstrap";'
+  '@import "font-awesome";'
+  '@import "flat-ui";'
+  '@import "formtastic-plus-flatui";'
+
+== Contributing to formtastic-plus-flatui
+ 
+* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
+* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
+* Fork the project.
+* Start a feature/bugfix branch.
+* Commit and push until you are happy with your contribution.
+* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
+* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
+
+== Copyright
+
+Copyright (c) 2013 Andreas Knöpfle. See LICENSE.txt for
+further details.
+

data/lib/assets/stylesheets/formtastic-plus-flatui/checkbox.scss

@@ -0,0 +1,55 @@
+@import 'flat-ui/config';
+@import 'flat-ui/mixins';
+@import 'bootstrap/mixins';
+
+.formtastic > fieldset > ol > li.boolean > label ,
+.formtastic > fieldset > ol > li.check_boxes > fieldset.choices > ol.choices-group > li.choice  {
+  @include user-select(none);
+
+  input {
+    outline: none !important;
+    margin-right: 15px !important;
+   
+  }
+  
+  input:before {
+      font-family: 'Flat-UI-Icons-16';
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      font-size: 1.5em;
+      text-decoration: inherit;
+      -webkit-font-smoothing: antialiased;
+      content: "\F0C8";
+      color: #FFFFFF;
+  
+  }
+  
+  input:after {
+      font-family: 'Flat-UI-Icons-16';
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      font-size: 1.5em;
+      text-decoration: inherit;
+      -webkit-font-smoothing: antialiased;
+      content: "\F0C8";
+      color: $firm;
+      position:relative; 
+      left:-16px; 
+  }
+  
+
+  input:checked:after {
+    content: "\F14A";
+  }
+  // Disabled state
+   input:disabled:after {
+    color: scale-color($gray, $lightness: 62%);
+    cursor: default;
+    
+  }
+  
+  
+}
+

data/lib/assets/stylesheets/formtastic-plus-flatui/input.scss

@@ -0,0 +1,29 @@
+@import 'flat-ui/config';
+@import 'flat-ui/mixins';
+
+form.formtastic > fieldset.inputs > ol > li.string.input > input[type="text"],
+form.formtastic > fieldset.inputs > ol > li.password.input > input[type="password"],
+form.formtastic > fieldset.inputs > ol > li.text.input > textarea,
+form.formtastic > fieldset.inputs > ol > li.number.input > input[type="number"], {
+
+  border: 2px solid scale-color($base, $lightness: 85%);
+  color: $base  ;
+  font-family: $base-font-family ;
+  font-size: $base-font-size ;
+  padding: 8px 0 9px 10px ;
+  text-indent: 1px;
+  @include border-radius(6px);
+  @include box-shadow(none);
+  @include placeholder-color(desaturate(scale-color($base, $lightness: 60%), 15%));
+
+  &:focus{
+    border-color: $firm ;
+    @include box-shadow(none);
+    }
+  
+  li.error & {
+     border-color: $danger ;
+     color: $danger ;
+  }  
+  
+}

data/lib/assets/stylesheets/formtastic-plus-flatui/radio.scss

@@ -0,0 +1,59 @@
+@import 'flat-ui/config';
+@import 'flat-ui/mixins';
+@import 'bootstrap/mixins';
+
+.formtastic > fieldset > ol > li.radio > fieldset.choices > ol.choices-group > li.choice > label {
+
+  
+  @include user-select(none);
+
+  input {
+    outline: none !important;
+    margin-right: 15px !important;
+   
+  }
+  
+  input:before {
+      font-family: 'Flat-UI-Icons-16';
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      font-size: 1.5em;
+      text-decoration: inherit;
+      -webkit-font-smoothing: antialiased;
+      content: "\F111";
+      color: #FFFFFF;
+  
+  }
+  
+   input:after {
+      font-family: 'Flat-UI-Icons-16';
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      font-size: 1.5em;
+      text-decoration: inherit;
+      -webkit-font-smoothing: antialiased;
+      content: "\F10C";
+      color: $firm;
+      position:relative; 
+      left:-16px; 
+  }
+  
+
+  input:checked:after {
+    content: "\F058";
+  }
+  // Disabled state
+  input:disabled:after {
+    color: scale-color($gray, $lightness: 62%);
+    cursor: default;
+    
+  }
+  
+  
+}
+
+
+
+

data/lib/assets/stylesheets/formtastic-plus-flatui/select.scss

@@ -0,0 +1,24 @@
+
+
+form.formtastic > fieldset.inputs > ol > li.input.select > select ,
+form.formtastic > fieldset.inputs > ol > li.input.time_zone > select,
+form.formtastic > fieldset.inputs > ol > li.input.date_select > fieldset.fragments > ol.fragments-group > li.fragment > select ,
+form.formtastic > fieldset.inputs > ol > li.input.datetime_select > fieldset.fragments > ol.fragments-group > li.fragment > select,
+form.formtastic > fieldset.inputs > ol > li.input.time_select > fieldset.fragments > ol.fragments-group > li.fragment > select  {
+  background: $firm ;
+  color: $inverse;
+  @include border-radius(6px);
+  text-decoration: none;
+  white-space: nowrap;
+  border: 0px;
+  option {
+    background: $firm ;
+    color: $inverse;
+  }
+  
+  li.error & {
+     border-color: $danger ;
+     color: $danger ;
+  }  
+
+}

data/lib/assets/stylesheets/formtastic-plus-flatui.scss

@@ -0,0 +1,42 @@
+
+
+@import 'flat-ui/icon-font';
+@import 'flat-ui/icon-font-24';
+
+// Loading config with variables (changing them leads to changing a color scheme)
+@import 'flat-ui/config';
+
+// Utility mixins for greater good
+@import 'flat-ui/mixins';
+
+// Modules
+@import 'flat-ui/modules/type';
+@import 'flat-ui/modules/btn';
+@import 'flat-ui/modules/demo';
+@import 'flat-ui/modules/navbar';
+
+@import 'flat-ui/modules/toggle';
+@import 'flat-ui/modules/tagsinput';
+@import 'flat-ui/modules/progress';
+@import 'flat-ui/modules/ui-slider';
+@import 'flat-ui/modules/pager';
+@import 'flat-ui/modules/pagination';
+@import 'flat-ui/modules/share';
+@import 'flat-ui/modules/tooltip';
+@import 'flat-ui/modules/palette';
+@import 'flat-ui/modules/tile';
+@import 'flat-ui/modules/todo';
+@import 'flat-ui/modules/footer';
+@import 'flat-ui/modules/video';
+@import 'flat-ui/modules/login';
+
+// Spaces
+@import 'flat-ui/spaces';
+
+@import 'formtastic-plus-flatui/checkbox';
+
+@import 'formtastic-plus-flatui/radio';
+
+@import 'formtastic-plus-flatui/input';
+
+@import 'formtastic-plus-flatui/select';

data/lib/formtastic-plus-flatui.rb

@@ -0,0 +1,6 @@
+require "bootstrap-sass"
+
+module FormtasticPlusFlatui
+  class Engine < Rails::Engine
+  end
+end

metadata

@@ -0,0 +1,149 @@
+--- !ruby/object:Gem::Specification
+name: formtastic-plus-flatui
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Andreas Knöpfle
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-05-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bootstrap-sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.3'
+- !ruby/object:Gem::Dependency
+  name: formtastic
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.2'
+- !ruby/object:Gem::Dependency
+  name: font-awesome-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: formtastic-plus-bootstrap
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Integration of flat-ui with formtastic with the help of font-awesome,
+  bootstrap and formtastic-plus-bootstrap.
+email: andi@fairnopoly.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/assets/stylesheets/formtastic-plus-flatui/select.scss
+- lib/assets/stylesheets/formtastic-plus-flatui/input.scss
+- lib/assets/stylesheets/formtastic-plus-flatui/checkbox.scss
+- lib/assets/stylesheets/formtastic-plus-flatui/radio.scss
+- lib/assets/stylesheets/formtastic-plus-flatui.scss
+- lib/formtastic-plus-flatui.rb
+- README.md
+- LICENSE.txt
+homepage: https://github.com/fairnopoly/formtastic-plus-flatui
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: formtastic meets bootstrap and flat-ui with font-awesome
+test_files: []