fohrcard-styles 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 906dad2503d60e5b9ac3cbcfc93324cbe46db58b
+  data.tar.gz: 07279ed16d348da333b61989341ec4ac18794d78
+SHA512:
+  metadata.gz: 462d6d6369ad3985c586f9173535347a4a17d26c881673ea40c0b1d5077044b0effd1e6a253a30a7adc451e9e8958026a58c10334fe75e5ea8e137c1eaeb9f91
+  data.tar.gz: 7141d864587b0786691cafdbeb18a1d06e6a4d0681ae6e95366dfac625e6c2ff11c0d010c0fe717d068afdad80c89115cb9c72a98e5c89f57fa9dd18ef629c41

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.0
+before_install: gem install bundler -v 1.10.6

data/Gemfile

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

data/README.md

@@ -0,0 +1,36 @@
+# Styles
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/styles`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'styles'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install styles
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/styles.
+

data/Rakefile

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

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "styles"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/styles/version.rb

@@ -0,0 +1,3 @@
+module Styles
+  VERSION = "0.1.0"
+end

data/lib/styles.rb

@@ -0,0 +1,8 @@
+require "styles/version"
+
+module Styles
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/styles.gemspec

@@ -0,0 +1,29 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'styles/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "fohrcard-styles"
+  spec.version       = Styles::VERSION
+  spec.authors       = ["richard tong"]
+  spec.email         = ["rich@fohrcard.com"]
+
+  spec.summary       = %q{Fohr Card Styles}
+  spec.description   = %q{Fohr Card Styles Description}
+  spec.homepage      = "https://github.com/fohrcard/styles"
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_dependency "font-awesome-rails"
+
+end

data/vendor/assets/javascripts/fohrcard_javascripts.js

@@ -0,0 +1 @@
+//= require_tree .

data/vendor/assets/javascripts/forms.js

@@ -0,0 +1,3 @@
+// $("body").on("focus", "input", function(e) {
+//   $("body").append("loop<br>");
+// })

data/vendor/assets/javascripts/helpers.js

@@ -0,0 +1,53 @@
+$(function() {
+
+  // Fix sidebar nav on scroll
+  var elementPosition = $('nav .fix-on-scroll').offset();
+  $(window).scroll(function(){
+    if($(window).scrollTop() > elementPosition.top){
+      $('nav .fix-on-scroll').css('position','fixed').css('top','0').css('margin-top','20px');
+    } else {
+      $('nav .fix-on-scroll').css('position','static');
+    }
+  });
+
+  // Click event to scroll to top
+	$('.scroll-to-top').click(function(){
+		$('html, body').animate({scrollTop : 0},400);
+		return false;
+	});
+
+  // Click event to scroll to specific div
+	$('.scroll-to-view').click(function(){
+    var elem_id = $(this).attr("href");
+    var top_of_elem = $(elem_id).offset().top;
+    $('html, body').animate({scrollTop : top_of_elem - 20 },400);
+    return false;
+	});
+
+  // Highlight active sidebar item on scroll
+
+  var anchorId = $(this).attr("href");
+
+  if (anchorId.length > 1 && $(anchorId)) {
+   var target = $(anchorId).offset().top - offset;
+  } else {
+   var target = 0;
+  }
+
+});
+
+function setActiveListElements(event){
+  var windowPos = $(window).scrollTop();
+  $('nav #page-menu li a[href^="#"]').each(function() {
+    var currentLink = $(this);
+    if ($(currentLink.attr("href")).length > 0) {
+      var refElement = $(currentLink.attr("href"));
+      if (refElement.position().top <= windowPos && (refElement.position().top + refElement.height() + $("nav #page-menu").height() ) > windowPos) {
+        $('nav #page-menu li a').removeClass("current");
+        currentLink.addClass("current");
+      } else {
+        currentLink.removeClass("current");
+      }
+    }
+  });
+}

data/vendor/assets/stylesheets/fc_backgrounds.sass

@@ -0,0 +1,52 @@
+.bg-black
+  background: #000000
+.bg-dk-grey
+  background: #333333
+.bg-grey
+  background: #666666
+.bg-md-grey
+  background: #aaa
+.bg-lt-grey
+  background: #ddd
+
+.bg-blue
+  background: #3a9dfa
+
+.bg-cyan
+  background: #00bcd4
+
+.bg-cyan-lighten-1
+  background: #26c6da
+.bg-cyan-lighten-2
+  background: #4dd0e1
+.bg-cyan-lighten-3
+  background: #80deea
+.bg-cyan-lighten-4
+  background: #b2ebf2
+.bg-cyan-lighten-5
+  background: #e0f7fa
+
+.bg-cyan-darken-1
+  background: #00acc1
+.bg-cyan-darken-2
+  background: #0097a7
+.bg-cyan-darken-3
+  background: #00838f
+.bg-cyan-darken-4
+  background: #006064
+
+.bg-cyan-accent-1
+  background: #84ffff
+.bg-cyan-accent-2
+  background: #18ffff
+.bg-cyan-accent-3
+  background: #00e5ff
+.bg-cyan-accent-4
+  background: #00b8d4
+
+.bg-red
+  background: #f44336
+.bg-red-lighten-1
+  background: #ef5350
+.bg-red-lighten-2
+  background: #e57373

data/vendor/assets/stylesheets/fc_buttons.sass

@@ -0,0 +1,51 @@
+.btn
+  background: #111
+  color: #fff
+  border: none
+  font-size: 12px
+  font-family: "Roboto"
+  font-weight: 500
+  height: 40px
+  display: inline-block
+  margin: 0px
+  padding: 0px 20px 5px 20px
+  line-height: 32px
+  -webkit-transition: 0.2s
+  border: 3px solid #111
+  outline: none
+
+  &.left
+    margin-left: 0px
+    margin-right: 5px
+
+  &.right
+    margin-left: 5px
+    margin-right: 0px
+
+  &:hover
+    background: $cyan
+    border: 3px solid $cyan
+    color: #fff
+    text-decoration: none
+
+  &.outline
+    background: #fff
+    color: #111
+
+    &:hover
+      background: none
+      color: $cyan
+
+    &.hover-red
+      &:hover
+        background: none
+        color: $red
+        border-color: $red
+
+    &.grey
+      color: #bbb
+      border-color: #ccc
+
+  &.fw
+    width: 100%
+    margin-bottom: 15px

data/vendor/assets/stylesheets/fc_colors.sass

@@ -0,0 +1,94 @@
+// Global Colors
+
+$black: #000000
+$dk-grey: #333333
+$grey: #666666
+$md-grey: #aaa
+$lt-grey: #ddd
+
+$blue: #3a9dfa
+$blue-hover: #2184d8
+$blue-focus: #5ac4ff
+
+$cyan: #00bcd4
+
+$cyan-lighten-1: #26c6da
+$cyan-lighten-2: #4dd0e1
+$cyan-lighten-3: #80deea
+$cyan-lighten-4: #b2ebf2
+$cyan-lighten-5: #e0f7fa
+
+$cyan-darken-1: #00acc1
+$cyan-darken-2: #0097a7
+$cyan-darken-3: #00838f
+$cyan-darken-4: #006064
+
+$cyan-accent-1: #84ffff
+$cyan-accent-2: #18ffff
+$cyan-accent-3: #00e5ff
+$cyan-accent-4: #00b8d4
+
+$red: #f44336
+$red-lighten-1: #ef5350
+$red-lighten-2: #e57373
+$red-hover: #d50000
+
+// Text Colors
+
+.text-white
+  color: #fff
+.text-black
+  color: #000000
+.text-dk-grey
+  color: #333333
+.text-grey
+  color: #666666
+.text-md-grey
+  color: #aaa
+.text-lt-grey
+  color: #ddd
+
+.text-blue
+  color: #3a9dfa
+
+
+.text-cyan
+  color: #00bcd4
+
+.text-cyan-lighten-1
+  color: #26c6da
+.text-cyan-lighten-2
+  color: #4dd0e1
+.text-cyan-lighten-3
+  color: #80deea
+.text-cyan-lighten-4
+  color: #b2ebf2
+.text-cyan-lighten-5
+  color: #e0f7fa
+
+.text-cyan-darken-1
+  color: #00acc1
+.text-cyan-darken-2
+  color: #0097a7
+.text-cyan-darken-3
+  color: #00838f
+.text-cyan-darken-4
+  color: #006064
+
+.text-cyan-accent-1
+  color: #84ffff
+.text-cyan-accent-2
+  color: #18ffff
+.text-cyan-accent-3
+  color: #00e5ff
+.text-cyan-accent-4
+  color: #00b8d4
+
+.text-red
+  color: #f44336
+.text-red-lighten-1
+  color: #ef5350
+.text-red-lighten-2
+  color: #e57373
+.text-red-hover
+  color: #d50000

data/vendor/assets/stylesheets/fc_forms.sass

@@ -0,0 +1,289 @@
+fieldset
+  border: 0px
+  padding: 0px
+  margin: 0px
+
+input[type='text'],
+input[type='url'],
+input[type='email'],
+input[type='password'],
+input[type='number'],
+textarea
+  border: 2px solid #eee
+  font-family: "Hoefler"
+  width: 100%
+  padding: 10px 15px
+  font-size: 15px
+  resize: none
+  margin-bottom: 15px
+  -webkit-transition: 0.2s
+
+  &:focus
+    border: 2px solid #ccc
+    outline: none
+
+
+label
+  abbr
+    display: none
+
+
+// SIMPLE FORM STYLES
+
+.simple_form
+
+  #error_explanation
+    color: #fff
+    font-family: "Roboto"
+    font-weight: 700
+    font-size: 11px
+    padding: 10px 0px 13px 0px
+    width: 100%
+    margin: 5px auto 20px auto
+    border: 1px solid $red
+    border-left: 3px solid $red
+    background: $red
+
+    p
+      margin-left: 15px
+      font-size: 11px
+      padding: 0px
+      margin-bottom: 0px
+
+      i
+        margin-right: 8px
+        font-size: 11px
+
+  input:focus,
+  textarea:focus,
+  button:focus
+    outline: none
+    background: #fff
+
+  fieldset, .form-inputs
+    padding: 0px
+    margin: 0px
+    padding-bottom: 20px
+    float: left
+    clear: both
+    width: 100%
+    border: 0px
+
+    legend
+      text-transform: uppercase
+      letter-spacing: 2px
+      font-weight: bold
+      padding: 15px 0px 17px 0px
+      border-bottom: 3px solid #111
+      font-size: 13px
+      margin-bottom: 30px
+      width: 100%
+
+      i.material-icons
+        font-size: 11px
+
+      span
+        text-transform: none
+        letter-spacing: 0px
+        font-size: 11px
+        font-weight: 400
+        color: #333
+        line-height: 18px
+
+    label
+      font-size: 10px
+      letter-spacing: 1px
+      font-weight: 500
+      display: inline-block
+      text-transform: uppercase
+      text-align: left
+      color: #888
+      line-height: 12px
+      margin-bottom: 10px
+      float: left
+
+      i
+        display: inline-block
+        margin-right: 5px
+        color: #888
+        width: 15px
+
+      abbr[title]
+        color: #ccc
+        border-bottom: 0px
+        letter-spacing: 0px
+        display: inline-block
+        margin-left: -15px
+        margin-right: 7px
+        // hide for now
+        display: none
+
+    .input-group
+      clear: both
+      width: 100%
+      float: left
+      display: block
+      margin-bottom: 25px
+
+      input[type='text'],
+      input[type='url'],
+      input[type='email'],
+      input[type='password'],
+      textarea
+        border: 2px solid #eee
+        font-family: "Hoefler"
+        width: 100%
+        padding: 10px 15px
+        font-size: 15px
+        resize: none
+
+        &:focus
+          border: 2px solid #ddd
+
+      textarea
+        height: 100px
+
+        &.large
+          height: 400px
+
+      // PREFIXES
+
+      .prefix-wrapper
+        padding: 0px 10px
+
+        .prefix-label
+          display: table-cell
+          clear: both
+          float: left
+          min-width: 25%
+          width: auto
+          border: 2px solid #eee
+          border-right: 0px
+          font-family: "Hoefler"
+          padding: 10px 15px 10px 20px
+          font-size: 15px
+          background: #f8f8f8
+          color: #aaa
+          font-style: italic
+
+        .prefix-input
+          display: table-cell
+          width: auto
+          max-width: 75%
+          min-width: 50%
+          float: left
+
+
+
+      // RADIO BUTTONS & CHECK BOXES
+      .checkbox, .radio
+
+        label
+          font-size: 11px
+          letter-spacing: 0px
+          font-weight: 400
+          display: inline-block
+          text-transform: none
+          text-align: left
+          color: #333
+          line-height: 12px
+          margin-top: 5px
+          margin-bottom: 5px
+          float: left
+          min-width: 50%
+
+
+          input
+            margin-right: 7px
+
+      // ERRORS
+
+      &.has-error
+        color: $red-lighten-1
+
+        label
+          color: $red-lighten-1
+          font-weight: 700
+
+          i
+            color: $red-lighten-1
+
+        span.help
+          font-size: 10px
+          font-weight: 500
+          display: inline-block
+          text-transform: lowercase
+          text-align: left
+          color: $red-lighten-2
+          clear: both
+          float: left
+          margin-top: -10px
+          margin-left: 20px
+          padding-bottom: 7px
+
+          @include respond-to(xs)
+            float: none
+            position: relative
+            clear: none
+            top: -5px
+            margin-left: 2px
+
+          &.inline
+            clear: none
+            margin-top: 0px
+            margin-left: 2px
+
+        input[type='text'],
+        input[type='url'],
+        input[type='email'],
+        input[type='password'],
+        textarea
+          color: #333
+          border-color: $red-lighten-1
+
+        input:focus,
+        textarea:focus,
+        button:focus
+          border-color: $red-lighten-1
+          color: #333
+
+    p.help-block
+      font-size: 10px
+      font-weight: 500
+      display: inline-block
+      text-align: left
+      color: #aaa
+      position: relative
+      top: -7px
+      left: 0px
+      margin-left: 20px
+      margin-bottom: 20px
+      clear: both
+      float: left
+
+      @include respond-to(xs)
+        margin-bottom: 0px
+
+      a
+        color: #aaa
+
+        &:hover
+          color: #888
+
+    .select-wrapper
+      .input-wrapper
+        clear: both
+        margin-left: 13px
+        margin-bottom: 15px
+
+        @include respond-to(xs)
+          margin-bottom: 0px
+
+        select
+          margin-bottom: 5px
+          margin-left: 5px
+
+
+  .action-group, .form-actions
+    padding-right: 5px
+    padding-bottom: 150px