waterfall_bourbon_neat_rails 0.1.9.5 → 0.1.9.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b2049ef7a33a95040132922c410845839d485795
-  data.tar.gz: ced6bcbbce9868f5a1d7f577f354d7cfc2496f65
+  metadata.gz: 63cbcab09c3db947b63fa5d80f158f809cacd0a1
+  data.tar.gz: 58c2b7ff73796abc87a2ea089ad92b865d89b324
 SHA512:
-  metadata.gz: 8e03868c9e2081c8f452748f6a093b628ab57857cd7479754f4ecc974457ffa1f401108b00899db21e965491a8001be7030f814e31c82d1d92582cf12a146803
-  data.tar.gz: b52d6575d08ef753a24994246917bca67c0cbafd25b8a4f71862565b161dac9db64e93d3b9f8963b15d230e37e745403050d7f5942dab288fae411a9aef8c06d
+  metadata.gz: 42b761d788d852310204f1867b0857b9c4fc52523eb04f4766878c31597ecd83b3977eee7209c5ea2486e71c98c435847ca6033b230530a6f9e2020417fa568b
+  data.tar.gz: 6a568403ce7aed57e2e6b029ef20b7004871d159213dacdc3493786e7b9690bf1223e477ef7e143b61f3d5c39c58f1ab1c2f83898d6472d03a6f89f45c996d49

data/app/assets/stylesheets/custom/_base.scss

@@ -11,6 +11,8 @@
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-size: 1em;
 }
 // ------------------------------------------------------------------------
 // Selection mixin, set the background color and the font color
@@ -18,329 +20,329 @@
 // ------------------------------------------------------------------------
 // @include selection();
 
-:required {
+// :required {
 
-}
-
-a {
-  color: $actionColor;
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-  }
-  &:active {
-
-  }
-  &:link {
-
-  }
-
-  &:visited {
+// }
 
-  }
-  &:focus {
-    @extend :hover;
-  }
-}
+// a {
+//   color: $actionColor;
+//   text-decoration: none;
 
-address {
+//   &:hover {
+//     text-decoration: underline;
+//   }
+//   &:active {
 
-}
+//   }
+//   &:link {
 
-b, strong {
-  font-weight: bolder;
-}
+//   }
 
-html {
-  font-size: 62.5%;
-  height: 100%;
-}
+//   &:visited {
 
-body {
-  color: $baseColor;
-  font-family: $primaryFontFamily;
-  display: table;
-  @include setRem('font-size', 13px);
-  height: 100%;
-  position: relative;
-  width: 100%;
-}
+//   }
+//   &:focus {
+//     @extend :hover;
+//   }
+// }
 
-blockquote,
-q {
-  quotes: "" "";
-}
+// address {
 
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: "";
-}
+// }
 
-// button {
-//   background: $themeColor;
-//   border: 1px solid #ddd;
-//   color: $whiteColor;
-//   font-weight: $boldFont;
-//   @include rem(font-size, 22px);
-//   @include em(line-height, 22px, 48px);
-//   @include em(padding, 22px, 0 20px);
-//   text-transform: uppercase;
+// b, strong {
+//   font-weight: bolder;
+// }
 
-//   &:hover {
-//     background: darken($themeColor, 10%);
-//     text-decoration: none;
-//   }
+// html {
+//   font-size: 62.5%;
+//   height: 100%;
+// }
 
-//   &:active {
-//     background: darken($themeColor, 30%);
-//   }
+// body {
+//   color: $baseColor;
+//   font-family: $primaryFontFamily;
+//   display: table;
+//   @include setRem('font-size', 13px);
+//   height: 100%;
+//   position: relative;
+//   width: 100%;
+// }
 
-  // ------------------------------------------------------------------------
-  // Do not ignore the focus styles
-  // Most users navigate the website with the TAB key
-  // ------------------------------------------------------------------------
-  // A cool trick to solve the :focus styles for most elements is
-  // to extend the hover styles @extend :hover;
-  // ------------------------------------------------------------------------
-//   &:focus {
-//     @extend :hover;
-//   }
+// blockquote,
+// q {
+//   quotes: "" "";
+// }
 
-//   // ------------------------------------------------------------------------
-//   &:disabled {
-//     cursor: no-drop;
-//     opacity: .5;
-//   }
+// blockquote:before,
+// blockquote:after,
+// q:before,
+// q:after {
+//   content: "";
 // }
 
-label {
+// // button {
+// //   background: $themeColor;
+// //   border: 1px solid #ddd;
+// //   color: $whiteColor;
+// //   font-weight: $boldFont;
+// //   @include rem(font-size, 22px);
+// //   @include em(line-height, 22px, 48px);
+// //   @include em(padding, 22px, 0 20px);
+// //   text-transform: uppercase;
+
+// //   &:hover {
+// //     background: darken($themeColor, 10%);
+// //     text-decoration: none;
+// //   }
+
+// //   &:active {
+// //     background: darken($themeColor, 30%);
+// //   }
 
-}
+//   // ------------------------------------------------------------------------
+//   // Do not ignore the focus styles
+//   // Most users navigate the website with the TAB key
+//   // ------------------------------------------------------------------------
+//   // A cool trick to solve the :focus styles for most elements is
+//   // to extend the hover styles @extend :hover;
+//   // ------------------------------------------------------------------------
+// //   &:focus {
+// //     @extend :hover;
+// //   }
 
-input {
-  &[type="checkbox"] {
+// //   // ------------------------------------------------------------------------
+// //   &:disabled {
+// //     cursor: no-drop;
+// //     opacity: .5;
+// //   }
+// // }
 
-  }
-  &[type="button"] {
-    @extend button;
-  }
-  &[type="radio"] {
+// label {
 
-  }
+// }
 
-  // ------------------------------------------------------------------------
-  // Extra input types just in case you need them
-  // ------------------------------------------------------------------------
-  &[type="color"] {
+// input {
+//   &[type="checkbox"] {
 
-  }
-  &[type="date"] {
+//   }
+//   &[type="button"] {
+//     @extend button;
+//   }
+//   &[type="radio"] {
 
-  }
-  &[type="email"] {
+//   }
 
-  }
-  &[type="file"] {
+//   // ------------------------------------------------------------------------
+//   // Extra input types just in case you need them
+//   // ------------------------------------------------------------------------
+//   &[type="color"] {
 
-  }
-  &[type="number"] {
+//   }
+//   &[type="date"] {
 
-  }
-  &[type="password"] {
+//   }
+//   &[type="email"] {
 
-  }
-  &[type="range"] {
+//   }
+//   &[type="file"] {
 
-  }
-  &[type="reset"] {
+//   }
+//   &[type="number"] {
 
-  }
-  &[type="search"] {
+//   }
+//   &[type="password"] {
 
-  }
-  &[type="tel"] {
+//   }
+//   &[type="range"] {
 
-  }
-  &[type="time"] {
+//   }
+//   &[type="reset"] {
 
-  }
-  &[type="url"] {
+//   }
+//   &[type="search"] {
 
-  }
+//   }
+//   &[type="tel"] {
 
-  // ------------------------------------------------------------------------
-  // If you need more input types check out the link below
-  // http://www.w3.org/wiki/HTML/Elements/input
-  // ------------------------------------------------------------------------
-  &:focus {
-    /* @extend :hover; */
-  }
-}
+//   }
+//   &[type="time"] {
 
-// ------------------------------------------------------------------------
-// Set the input placeholder color to something different that gray :)
-::-webkit-input-placeholder {
-  color: $baseColor;
-}
-:-moz-placeholder {
-  color: $baseColor;
-  opacity: 1;
-}
-::-moz-placeholder {
-  color: $baseColor;
-  opacity: 1;
-}
-:-ms-input-placeholder {
-  color: $baseColor;
-}
+//   }
+//   &[type="url"] {
 
-select {
-  // ------------------------------------------------------------------------
-  // Remove default browser style for select
-  // Delete them if you don't need them...
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+//   }
 
-  option {
+//   // ------------------------------------------------------------------------
+//   // If you need more input types check out the link below
+//   // http://www.w3.org/wiki/HTML/Elements/input
+//   // ------------------------------------------------------------------------
+//   &:focus {
+//     /* @extend :hover; */
+//   }
+// }
 
-  }
+// // ------------------------------------------------------------------------
+// // Set the input placeholder color to something different that gray :)
+// ::-webkit-input-placeholder {
+//   color: $baseColor;
+// }
+// :-moz-placeholder {
+//   color: $baseColor;
+//   opacity: 1;
+// }
+// ::-moz-placeholder {
+//   color: $baseColor;
+//   opacity: 1;
+// }
+// :-ms-input-placeholder {
+//   color: $baseColor;
+// }
 
-  &:hover {
+// select {
+//   // ------------------------------------------------------------------------
+//   // Remove default browser style for select
+//   // Delete them if you don't need them...
+//   -webkit-appearance: none;
+//   -moz-appearance: none;
+//   appearance: none;
 
-  }
-  &:active {
+//   option {
 
-  }
+//   }
 
-  &:focus {
-    /* @extend :hover; */
-  }
-}
+//   &:hover {
 
-textarea {
-  // ------------------------------------------------------------------------
-  // Do not use resize: none if the textarea box is smaller that 200-300 px
-  // Let the user resize it on the vertical and lock the width
-  // In combination with max-height it's a good combo
-  // ------------------------------------------------------------------------
-  // resize: horizontal; might break your page layout, use with care
-  resize: vertical;
-  width: 100%;
-}
+//   }
+//   &:active {
 
-caption, th, td {
-  text-align: left;
-  font-weight: normal;
-  vertical-align: middle;
-}
+//   }
 
-em, i {
-  font-style: italic;
-}
+//   &:focus {
+//     /* @extend :hover; */
+//   }
+// }
 
-// ------------------------------------------------------------------------
-// Generate headings based on the Fibonacci row
-// Go crazy!
-// ------------------------------------------------------------------------
-// @each $header, $values in (
+// textarea {
 //   // ------------------------------------------------------------------------
-//   // H1 font-szie, font-weight, text-transfrom
-//   // you can add more values and get them with nth($valuse, #no)
+//   // Do not use resize: none if the textarea box is smaller that 200-300 px
+//   // Let the user resize it on the vertical and lock the width
+//   // In combination with max-height it's a good combo
 //   // ------------------------------------------------------------------------
+//   // resize: horizontal; might break your page layout, use with care
+//   resize: vertical;
+//   width: 100%;
+// }
 
-//   h1: 89 $thinFont uppercase,
-//   h2: 55 $boldFont uppercase,
-//   h3: 21 $mediumFont uppercase,
-//   h4: 13 $regularFont normal,
-//   h5: 13 $regularFont normal,
-//   h6: 13 $regularFont normal) {
-
-//   #{$header} {
-//     font-size: #{nth($values, 1)}px; // font-size in px as fallback
-//     font-size: #{nth($values, 1) * .1}rem; // font-size in rem
-//     font-weight: nth($values, 2);
-//     text-transform: nth($values, 3);
-
-//     -moz-font-feature-settings: "liga=1, dlig=1";
-//     -ms-font-feature-settings: "liga", "dlig";
-//     -webkit-font-feature-settings: "liga", "dlig";
-//     -o-font-feature-settings: "liga", "dlig";
-//     font-feature-settings: "liga", "dlig";
-//   }
+// caption, th, td {
+//   text-align: left;
+//   font-weight: normal;
+//   vertical-align: middle;
 // }
 
-img {
-  -ms-interpolation-mode: bicubic;
-}
+// em, i {
+//   font-style: italic;
+// }
 
-nav {
-  li {
+// // ------------------------------------------------------------------------
+// // Generate headings based on the Fibonacci row
+// // Go crazy!
+// // ------------------------------------------------------------------------
+// // @each $header, $values in (
+// //   // ------------------------------------------------------------------------
+// //   // H1 font-szie, font-weight, text-transfrom
+// //   // you can add more values and get them with nth($valuse, #no)
+// //   // ------------------------------------------------------------------------
+
+// //   h1: 89 $thinFont uppercase,
+// //   h2: 55 $boldFont uppercase,
+// //   h3: 21 $mediumFont uppercase,
+// //   h4: 13 $regularFont normal,
+// //   h5: 13 $regularFont normal,
+// //   h6: 13 $regularFont normal) {
+
+// //   #{$header} {
+// //     font-size: #{nth($values, 1)}px; // font-size in px as fallback
+// //     font-size: #{nth($values, 1) * .1}rem; // font-size in rem
+// //     font-weight: nth($values, 2);
+// //     text-transform: nth($values, 3);
+
+// //     -moz-font-feature-settings: "liga=1, dlig=1";
+// //     -ms-font-feature-settings: "liga", "dlig";
+// //     -webkit-font-feature-settings: "liga", "dlig";
+// //     -o-font-feature-settings: "liga", "dlig";
+// //     font-feature-settings: "liga", "dlig";
+// //   }
+// // }
+
+// img {
+//   -ms-interpolation-mode: bicubic;
+// }
 
-  }
-}
+// nav {
+//   li {
 
-p {
-  margin: 1em 0;
-}
+//   }
+// }
 
-pre, code {
-  font-family: Monaco, Courier, monospace;
-}
+// p {
+//   margin: 1em 0;
+// }
 
-pre {
-  white-space: pre;
-  white-space: pre-wrap;
-  white-space: pre-line;
-  word-wrap: break-word;
-}
+// pre, code {
+//   font-family: Monaco, Courier, monospace;
+// }
 
-table {
-  border: 0;
-  border-collapse: collapse;
-  border-spacing: 0;
-  empty-cells: show;
-}
+// pre {
+//   white-space: pre;
+//   white-space: pre-wrap;
+//   white-space: pre-line;
+//   word-wrap: break-word;
+// }
 
-u {
-  text-decoration: underline;
-}
+// table {
+//   border: 0;
+//   border-collapse: collapse;
+//   border-spacing: 0;
+//   empty-cells: show;
+// }
 
-ul, ol {
-  // ------------------------------------------------------------------------
-  // We don't need list-style on every ul or ol
-  // Default will be none
-  // ------------------------------------------------------------------------
-  list-style: none;
-}
+// u {
+//   text-decoration: underline;
+// }
+
+// ul, ol {
+//   // ------------------------------------------------------------------------
+//   // We don't need list-style on every ul or ol
+//   // Default will be none
+//   // ------------------------------------------------------------------------
+//   list-style: none;
+// }
 
-li {
+// li {
 
-}
+// }
 
-// ------------------------------------------------------------------------
-// Custom styles
-// Fixing various corss browser display issues and the clearfix issue :)
-// :before and :after will be used only to do awesome tricks not to fix the lyout :)
-// ------------------------------------------------------------------------
-aside,
-div,
-dl,
-fieldset,
-footer,
-form,
-header,
-iframe,
-main,
-nav,
-ul,
-ol,
-section,
-table {
-  clear: both;
-  float: left;
-  width: 100%;
-}
+// // ------------------------------------------------------------------------
+// // Custom styles
+// // Fixing various corss browser display issues and the clearfix issue :)
+// // :before and :after will be used only to do awesome tricks not to fix the lyout :)
+// // ------------------------------------------------------------------------
+// aside,
+// div,
+// dl,
+// fieldset,
+// footer,
+// form,
+// header,
+// iframe,
+// main,
+// nav,
+// ul,
+// ol,
+// section,
+// table {
+//   clear: both;
+//   float: left;
+//   width: 100%;
+// }

data/app/assets/stylesheets/custom/_style.scss

@@ -1,7 +1,8 @@
 @import "variables";
 @import "functions";
 @import "mixins";
-// @import "reset";
-// @import "base";
+@import "reset";
+@import "base";
 @import "components";
+@import "components/config";
 @import "pages";

data/app/assets/stylesheets/custom/components/_captcha.scss

@@ -0,0 +1,23 @@
+//variable
+$title-font-color: $light_blue;
+
+#captcha-wrapper{
+	margin-top: 15px;
+}
+
+#captcha-image{
+	margin-top:	5px;
+	float: left;
+}
+
+#captcha-title{
+	font-size: 16px;
+	color: $title-font-color;
+}
+
+#captcha-input{
+	float:	left;
+	margin: 5px 0 0 10px;
+	width:	130px;
+	@include border-radius;
+}

data/app/assets/stylesheets/custom/components/_config.scss

@@ -0,0 +1 @@
+@import "captcha"

data/lib/waterfall_bourbon_neat_rails/version.rb

@@ -1,3 +1,3 @@
 module WaterfallBourbonNeatRails
-  VERSION = "0.1.9.5".freeze
+  VERSION = "0.1.9.6".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: waterfall_bourbon_neat_rails
 version: !ruby/object:Gem::Version
-  version: 0.1.9.5
+  version: 0.1.9.6
 platform: ruby
 authors:
 - Waterfall Software Inc.
@@ -206,6 +206,8 @@ files:
 - app/assets/stylesheets/custom/_reset.scss
 - app/assets/stylesheets/custom/_style.scss
 - app/assets/stylesheets/custom/_variables.scss
+- app/assets/stylesheets/custom/components/_captcha.scss
+- app/assets/stylesheets/custom/components/_config.scss
 - app/assets/stylesheets/custom/rules.txt
 - app/assets/stylesheets/normalize/README.md
 - app/assets/stylesheets/normalize/component.json