va_common 0.1.0

data/app/assets/stylesheets/lib/neat/grid/_visual-grid.scss

@@ -0,0 +1,42 @@
+@charset "UTF-8";
+
+@mixin grid-column-gradient($values...) {
+  background-image: -webkit-linear-gradient(left, $values);
+  background-image: -moz-linear-gradient(left, $values);
+  background-image: -ms-linear-gradient(left, $values);
+  background-image: -o-linear-gradient(left, $values);
+  background-image: unquote("linear-gradient(to left, #{$values})");
+}
+
+@if $visual-grid == true or $visual-grid == yes {
+  body:before {
+    @include grid-column-gradient(gradient-stops($grid-columns));
+    content: "";
+    display: inline-block;
+    height: 100%;
+    left: 0;
+    margin: 0 auto;
+    max-width: $max-width;
+    opacity: $visual-grid-opacity;
+    pointer-events: none;
+    position: fixed;
+    right: 0;
+    width: 100%;
+
+    @if $visual-grid-index == back {
+      z-index: -1;
+    }
+
+    @else if $visual-grid-index == front {
+      z-index: 9999;
+    }
+
+    @each $breakpoint in $visual-grid-breakpoints {
+      @if $breakpoint {
+        @include media($breakpoint) {
+          @include grid-column-gradient(gradient-stops($grid-columns));
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/lib/neat/settings/_disable-warnings.scss

@@ -0,0 +1,13 @@
+@charset "UTF-8";
+
+/// Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.
+///
+/// @type Bool
+
+$disable-warnings: false !default;
+
+@mixin -neat-warn($message) {
+  @if $disable-warnings == false {
+    @warn "#{$message}";
+  }
+}

data/app/assets/stylesheets/lib/neat/settings/_grid.scss

@@ -0,0 +1,51 @@
+@charset "UTF-8";
+
+/// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. To learn more about modular-scale() see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with a `!global` flag.
+///
+/// @type Number (Unit)
+
+$column: modular-scale(3, 1em, $golden) !default;
+
+/// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. To learn more about modular-scale() see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with the `!global` flag.
+///
+/// @type Number (Unit)
+
+$gutter: modular-scale(1, 1em, $golden) !default;
+
+/// Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag.
+///
+/// @type Number (Unitless)
+
+$grid-columns: 12 !default;
+
+/// Sets the max-width property of the element that includes `outer-container()`. To learn more about `em()` see [Bourbon docs](http://bourbon.io/docs/#px-to-em). Set with the `!global` flag.
+///
+/// @type Number (Unit)
+///
+$max-width: em(1088) !default;
+
+/// When set to true, it sets the box-sizing property of all elements to `border-box`. Set with a `!global` flag.
+///
+/// @type Bool
+///
+/// @example css - CSS Output
+///   html {
+///     box-sizing: border-box; }
+///
+///   *, *::after, *::before {
+///     box-sizing: inherit;
+///   }
+
+$border-box-sizing: true !default;
+
+/// Sets the default [media feature](http://www.w3.org/TR/css3-mediaqueries/#media) that `media()` and `new-breakpoint()` revert to when only a breakpoint value is passed. Set with a `!global` flag.
+///
+/// @type String
+
+$default-feature: min-width; // Default @media feature for the breakpoint() mixin
+
+///Sets the default layout direction of the grid. Can be `LTR` or `RTL`. Set with a `!global` flag.
+///
+///@type String
+
+$default-layout-direction: LTR !default;

data/app/assets/stylesheets/lib/neat/settings/_visual-grid.scss

@@ -0,0 +1,27 @@
+@charset "UTF-8";
+
+/// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.
+///
+/// @type Bool
+
+$visual-grid: false !default;
+
+/// Sets the visual grid color. Set with `!global` flag.
+///
+/// @type Color
+
+$visual-grid-color: #eee !default;
+
+/// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.
+///
+/// @type String
+
+$visual-grid-index: back !default;
+
+/// Sets the opacity property of the visual grid. Set with `!global` flag.
+///
+/// @type Number (unitless)
+
+$visual-grid-opacity: 0.4 !default;
+
+$visual-grid-breakpoints: () !default;

data/app/assets/stylesheets/va_common_main.css.scss

@@ -0,0 +1,18 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ */
+
+@import 'lib/**/*';
+@import 'core/**/*';
+@import 'components/**/*';
+@import 'elements/**/*';
+@import 'foundation/**/*';
+@import 'va';

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "va_common"
+
+# 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/generators/files/_footer.html.erb

@@ -0,0 +1,89 @@
+<div class="footer" role="contentinfo">
+  <div class="content">
+    <div class="wow row fadeIn animated animated" style="visibility: visible; animation-name: fadeIn;">
+      <div class="small-12 medium-12 columns">
+        <div class="footer-logo">
+          <%= link_to 'Vets.gov', '/' %>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row wow fadeIn animated">
+    <div class="small-12 medium-3 columns">
+      <ul>
+        <li><b>Benefits</b></li>
+        <li><a href="/disability-benefits/">Disability Benefits</a></li>
+        <li><a href="/education/">Education &amp; Training</a></li>
+      </ul>
+    </div>
+    <div class="small-12 medium-4 columns">
+      <ul>
+        <li><b>Resources</b></li>
+        <li><a href="/employment/">Veterans Employment Center&trade;</a></li>
+        <li><a href="/facility-locator">Facility Locator</a></li>
+        <li><a href="/gibill/">GI Bill® Comparison Tool</a></li>
+      </ul>
+    </div>
+    <!--Use with Signup <div class="small-12 medium-2 columns"> -->
+    <div class="small-12 medium-3 columns">
+      <ul>
+        <li><b>Process</b></li>
+        <li><a href="/playbook/">Playbook</a></li>
+        <li><a href="/blog/">Blog</a></li>
+      </ul>
+    </div>
+    <div class="small-12 medium-2 columns">
+      <ul>
+        <li><b>Connect</b></li>
+        <!-- <li><a href="/contact/">Contact Us</a></li> -->
+    <li>
+              <div class="usa-social-links">
+                <a href="https://www.facebook.com/VeteransAffairs">
+                  <svg width="26" height="39" role="img" aria-label="Facebook">
+                    <title>Facebook</title>
+                    <image xlink:href="<%= image_path('social-icons/svg/facebook25.svg')%>" src="<%= image_path('social-icons/png/facebook25.png')%>" width="26" height="39" />
+                  </svg>
+                </a>
+                <a href="https://twitter.com/DeptVetAffairs/">
+                  <svg width="26" height="39" role="img" aria-label="Twitter">
+                    <title>Twitter</title>
+                    <image xlink:href="<%= image_path('social-icons/svg/twitter16.svg')%>" src="<%= image_path('social-icons/png/twitter16.png')%>" width="26" height="39" />
+                  </svg>
+                </a>
+              </div>
+            </li>
+      </ul>
+    </div>
+  </div>
+
+
+  <div class="footer-address">
+    <div class="row secondary wow fadeIn animated">
+      <div class="medium-12 columns">
+
+        <div class="row">
+          <div class="medium-7 columns">
+            <div class="medium-5 columns footer-seal">
+              <abbr>VA</abbr> | U.S. Department of Veterans Affairs
+            </div>
+            <div class="medium-7 columns">
+              <ul class="inline-list">
+                <li><a href="http://va.gov">Va.gov</a></li>
+                <li><a href="http://www.section508.va.gov/">Accessibility</a></li>
+                <li><a href="http://www.va.gov/privacy/">Privacy</a></li>
+                <li><a href="http://usa.gov">USA.gov</a></li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="medium-4 columns">
+            <div class="footer-crisis text-center">
+              <span>Veterans Crisis Line</span> <a href="tel:1-800-273-8255">1-800-273-8255 (Press 1)</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/files/_header.html.erb

@@ -0,0 +1,7 @@
+<div class="header">
+  <div class="row full">
+    <div class="small-9 medium-4 columns">
+      <h1 role="banner"><a href="/">Vets.gov</a></h1>
+    </div>
+  </div>
+</div>

data/lib/generators/va_common_generator.rb

@@ -0,0 +1,6 @@
+class VaCommonGenerator < Rails::Generators::Base
+  def run_common_generators
+    generate "va_header"
+    generate "va_footer"
+  end
+end

data/lib/generators/va_footer_generator.rb

@@ -0,0 +1,7 @@
+class VaFooterGenerator < Rails::Generators::Base
+  source_root File.expand_path("../files", __FILE__)
+
+  def create_footer_file
+    copy_file "_footer.html.erb", "app/views/common/_footer.html.erb"
+  end
+end

data/lib/generators/va_header_generator.rb

@@ -0,0 +1,7 @@
+class VaHeaderGenerator < Rails::Generators::Base
+  source_root File.expand_path("../files", __FILE__)
+
+  def create_header_file
+    copy_file "_header.html.erb", "app/views/common/_header.html.erb"
+  end
+end

data/lib/va_common/engine.rb

@@ -0,0 +1,4 @@
+module VaCommon
+  class Engine < Rails::Engine
+  end
+end

data/lib/va_common/version.rb

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

data/lib/va_common.rb

@@ -0,0 +1,2 @@
+require "va_common/version"
+require "va_common/engine"

data/va_common.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'va_common/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "va_common"
+  spec.version       = VaCommon::VERSION
+  spec.authors       = ["Emily Wright-Moore"]
+  spec.email         = ["emily.wright-moore@va.gov"]
+
+  spec.summary       = %q{common elements - header and footer for vets.gov}
+  spec.homepage      = "https://github.com/department-of-veterans-affairs/va_common"
+
+  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"
+end