active_frontend 1.0.11 → 2.0.0

data/vendor/assets/stylesheets/form.scss

@@ -2,7 +2,6 @@
 ==================================================
 # Form
 # Components
-# Grid
 # Media Queries */
 
 /* # Form
@@ -44,23 +43,23 @@ input[type="tel"],
 input[type="color"],
 .uneditable-input {
   -webkit-appearance: none;
-     -moz-appearance: none;
+  -moz-appearance: none;
   background: rgba(255,255,255,1);
   border: 1px solid rgba(230,237,242,1);
   border-radius: 0;
   -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   color: rgba(43,50,53,1);
   display: block;
   font-weight: normal;
-   font-style: normal;
-    font-size: 16px;
+  font-style: normal;
+  font-size: 16px;
   line-height: 1;
   margin-bottom: 5px;
   padding: 13px 0 10px 0;
   text-indent: 10px;
   -webkit-transition: border linear 0.2s;
-          transition: border linear 0.2s;
+  transition: border linear 0.2s;
   width: 100%;
   vertical-align: middle;
 }
@@ -84,11 +83,11 @@ input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus,
 .uneditable-input:focus {
-  border-color: rgba(15,135,226,1);
+  border-color: rgba(0,132,255,1);
   outline: 0;
   outline: thin dotted \9;
   -webkit-transition: background 150ms linear;
-          transition: background 150ms linear;
+  transition: background 150ms linear;
 }
 input[type="radio"],
 input[type="checkbox"] {
@@ -105,16 +104,16 @@ input[type="radio"],
 input[type="checkbox"] { width: auto; }
 select {
   -webkit-appearance: none;
-     -moz-appearance: none;
+  -moz-appearance: none;
   background: rgba(255,255,255,1);
   border: 1px solid rgba(230,237,242,1);
   border-radius: 0;
   -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   color: rgba(43,50,53,1);
   font-weight: normal;
-   font-style: normal;
-    font-size: 16px;
+  font-style: normal;
+  font-size: 16px;
   line-height: 1;
   margin-bottom: 5px;
   padding: 13px 0 10px 10px;
@@ -160,12 +159,12 @@ textarea::-webkit-input-placeholder {
 input:focus:invalid,
 textarea:focus:invalid,
 select:focus:invalid {
-  border-color: rgba(218,79,46,1);
-  color: rgba(218,79,46,1);
+  border-color: rgba(255,59,48,1);
+  color: rgba(255,59,48,1);
 }
 input:focus:invalid:focus,
 textarea:focus:invalid:focus,
-select:focus:invalid:focus { border-color: rgba(218,79,46,1); }
+select:focus:invalid:focus { border-color: rgba(255,59,48,1); }
 input[disabled],
 textarea[disabled],
 select[disabled],
@@ -203,8 +202,8 @@ select.form-input-initial-width {
 }
 .form-error-messages ul {
   border-bottom: 1px solid rgba(230,237,242,1);
-   border-right: 1px solid rgba(230,237,242,1);
-    border-left: 1px solid rgba(230,237,242,1);
+  border-right: 1px solid rgba(230,237,242,1);
+  border-left: 1px solid rgba(230,237,242,1);
 }
 .form-error-messages li {
   display: block;
@@ -244,11 +243,11 @@ select.form-input-initial-width {
   background: rgba(245,248,250,1);
   border: 1px solid rgba(230,237,242,1);
   -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   color: rgba(136,153,166,1);
   font-weight: normal;
-   font-style: normal;
-    font-size: 16px;
+  font-style: normal;
+  font-size: 16px;
   line-height: 0;
   padding: 0 13px;
   text-align: center;
@@ -258,7 +257,7 @@ select.form-input-initial-width {
 }
 .form-file-group-addon {
   -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   line-height: 0;
   padding: 0;
   text-align: center;
@@ -267,16 +266,17 @@ select.form-input-initial-width {
   vertical-align: middle;
 }
 .form-file-group-button {
+  border-color: rgba(230,237,242,1);
   padding-bottom: 12px;
-     padding-top: 12px;
+  padding-top: 12px;
 }
 .form-file-group-addon:first-child .form-file-group-button {
   border-bottom-right-radius: 0;
-     border-top-right-radius: 0;
+  border-top-right-radius: 0;
 }
 .form-file-group-addon:last-child .form-file-group-button  {
   border-bottom-left-radius: 0;
-     border-top-left-radius: 0;
+  border-top-left-radius: 0;
 }
 .form-input-group-addon:first-child,
 .form-file-group-addon:first-child,
@@ -295,7 +295,7 @@ select.form-input-initial-width {
 .form-button-inline {
   margin: 0;
   padding-bottom: 13px;
-     padding-top: 11px;
+  padding-top: 11px;
 }
 .form-help-block {
   color: rgba(136,153,166,1);
@@ -303,18 +303,6 @@ select.form-input-initial-width {
   font-size: 12px;
   margin-bottom: 15px;
 }
-.form-btn-group > .btn {
-  background: transparent;
-  border-color: rgba(230,237,242,1);
-  color: rgba(174,182,192,1);
-}
-.form-btn-group > .btn:active,
-.form-btn-group > .btn.active,
-.form-btn-group > .btn:hover,
-.form-btn-group > .btn:focus {
-  background: rgba(245,248,250,1);
-  color: rgba(43,50,53,1);
-}
 .form-footer {
   border-top: 1px solid rgba(230,237,242,1);
   margin-top: 30px;
@@ -322,31 +310,9 @@ select.form-input-initial-width {
 }
 .form-footer li:first-child { margin-top: 10px; }
 
-/* # Grid
-================================================== */
-.form-column {
-  display: block;
-  float: left;
-  margin-right: 2.5%;
-  margin-left: 2.5%;
-}
-.form-column.alpha { margin-left: 0; }
-.form-column.omega { margin-right: 0; }
-.form-column.one-quarter-column { width: 22.5%; }
-.form-column.one-third-column { width: 30%; }
-.form-column.half-column { width: 47.5%; }
-.form-column.two-third-column { width: 65%; }
-.form-column.three-quarter-column { width: 72.5%; }
-
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
   .form-button-inline { margin-top: 15px; }
   .form-text-inline { margin-top: 0; }
-  .form-column-responsive .form-column {
-    clear: both;
-    float: none;
-    margin: 0;
-    width: 100%;
-  }
 }

data/vendor/assets/stylesheets/grid.scss

@@ -1,192 +1,192 @@
 /* Table of Contents
 ==================================================
+# Container
 # Desktop
-# Tablet (Landscape)
-# Tablet (Portrait)
-# Mobile (Portrait)
-# Mobile (Landscape)
-# Displays
-# Pulls
-# Rows
+# Tablet
+# Mobile
+# Display
+# Pull
+# Row
 # Clearing */
 
-/* # Desktop
+/* # Container
 ================================================== */
 .container {
   margin: 0 auto;
   padding: 0;
   position: relative;
-  width: 1200px;
+  width: calc(100% - 20px);
 }
 .container .column,
 .container .columns {
   display: inline;
   float: left;
   margin-right: 10px;
-   margin-left: 10px;
+  margin-left: 10px;
 }
 .column.alpha,
 .columns.alpha {
   margin-right: 10px;
-   margin-left: 0;
+  margin-left: 0;
 }
 .column.omega,
 .columns.omega {
   margin-right: 0;
-   margin-left: 10px;
+  margin-left: 10px;
 }
 .alpha.omega {
   margin-right: 0;
-   margin-left: 0;
+  margin-left: 0;
 }
+
+/* # Desktop
+================================================== */
 .container .one.column,
-.container .one.columns { width: 55px;  }
-.container .two.columns { width: 130px; }
-.container .three.columns { width: 205px; }
-.container .four.columns { width: 280px; }
-.container .five.columns { width: 355px; }
-.container .six.columns { width: 430px; }
-.container .seven.columns { width: 505px; }
-.container .eight.columns { width: 580px; }
-.container .nine.columns { width: 655px; }
-.container .ten.columns { width: 730px; }
-.container .eleven.columns { width: 805px; }
-.container .twelve.columns { width: 880px; }
-.container .thirteen.columns { width: 955px; }
-.container .fourteen.columns { width: 1030px; }
-.container .fifteen.columns { width: 1105px; }
-.container .sixteen.columns { width: 1180px; }
-.container .one-third.column { width: 380px; }
-.container .two-thirds.column { width: 780px; }
-.container .offset-by-one { padding-left: 75px; }
-.container .offset-by-two { padding-left: 150px; }
-.container .offset-by-three { padding-left: 225px; }
-.container .offset-by-four { padding-left: 300px; }
-.container .offset-by-five { padding-left: 375px; }
-.container .offset-by-six { padding-left: 450px; }
-.container .offset-by-seven { padding-left: 525px; }
-.container .offset-by-eight { padding-left: 600px; }
-.container .offset-by-nine { padding-left: 675px; }
-.container .offset-by-ten { padding-left: 750px; }
-.container .offset-by-eleven { padding-left: 825px; }
-.container .offset-by-twelve { padding-left: 900px; }
-.container .offset-by-thirteen { padding-left: 975px; }
-.container .offset-by-fourteen { padding-left: 1050px; }
-.container .offset-by-fifteen { padding-left: 1125px; }
+.container .one.columns { width: calc(10% - 20px); }
+.container .one.column.alpha,
+.container .one.columns.alpha,
+.container .one.column.omega,
+.container .one.columns.omega { width: calc(10% - 10px); }
+.container .one.column.alpha.omega,
+.container .one.columns.alpha.omega { width: 10%; }
+.container .two.columns { width: calc(20% - 20px); }
+.container .two.columns.alpha,
+.container .two.columns.omega { width: calc(20% - 10px); }
+.container .two.columns.alpha.omega { width: 20%; }
+.container .three.columns { width: calc(30% - 20px); }
+.container .three.columns.alpha,
+.container .three.columns.omega { width: calc(30% - 10px); }
+.container .three.columns.alpha.omega { width: 30%; }
+.container .four.columns { width: calc(40% - 20px); }
+.container .four.columns.alpha,
+.container .four.columns.omega { width: calc(40% - 10px); }
+.container .four.columns.alpha.omega { width: 40%; }
+.container .five.columns { width: calc(50% - 20px); }
+.container .five.columns.alpha,
+.container .five.columns.omega { width: calc(50% - 10px); }
+.container .five.columns.alpha.omega { width: 50%; }
+.container .six.columns { width: calc(60% - 20px); }
+.container .six.columns.alpha,
+.container .six.columns.omega { width: calc(60% - 10px); }
+.container .six.columns.alpha.omega { width: 60%; }
+.container .seven.columns { width: calc(70% - 20px); }
+.container .seven.columns.alpha,
+.container .seven.columns.omega { width: calc(70% - 10px); }
+.container .seven.columns.alpha.omega { width: 70%; }
+.container .eight.columns { width: calc(80% - 20px); }
+.container .eight.columns.alpha,
+.container .eight.columns.omega { width: calc(80% - 10px); }
+.container .eight.columns.alpha.omega { width: 80%; }
+.container .nine.columns { width: calc(90% - 20px); }
+.container .nine.columns.alpha,
+.container .nine.columns.omega { width: calc(90% - 10px); }
+.container .nine.columns.alpha.omega { width: 90%; }
+.container .ten.columns { width: calc(100% - 20px); }
+.container .ten.columns.alpha,
+.container .ten.columns.omega { width: calc(100% - 10px); }
+.container .ten.columns.alpha.omega { width: 100%; }
+.container .one-third.column,
+.container .one-third.columns { width: calc(33.33333% - 20px); }
+.container .one-third.column.alpha,
+.container .one-third.columns.alpha,
+.container .one-third.column.omega,
+.container .one-third.columns.omega { width: calc(33.33333% - 10px); }
+.container .one-third.column.alpha.omega,
+.container .one-third.columns.alpha.omega { width: 33.33333%; }
+.container .two-thirds.column,
+.container .two-thirds.columns { width: calc(66.66666% - 20px); }
+.container .two-thirds.column.alpha,
+.container .two-thirds.columns.alpha,
+.container .two-thirds.column.omega,
+.container .two-thirds.columns.omega { width: calc(66.66666% - 10px); }
+.container .two-thirds.column.alpha.omega,
+.container .two-thirds.columns.alpha.omega { width: 66.66666%; }
+.container .offset-by-one { padding-left: 10%; }
+.container .offset-by-two { padding-left: 20%; }
+.container .offset-by-three { padding-left: 30%; }
+.container .offset-by-four { padding-left: 40%; }
+.container .offset-by-five { padding-left: 50%; }
+.container .offset-by-six { padding-left: 60%; }
+.container .offset-by-seven { padding-left: 70%; }
+.container .offset-by-eight { padding-left: 80%; }
+.container .offset-by-nine { padding-left: 90%; }
 .hidden { display: none !important; }
 .visible-phone { display: none !important; }
 .visible-tablet { display: none !important; }
 .hidden-desktop { display: none !important; }
 
-/* # Tablet (Landscape)
-================================================== */
-@media only screen and (min-width: 960px) and (max-width: 1199px) {
-  .container { width: 960px; }
-  .container .one.column,
-  .container .one.columns { width: 40px; }
-  .container .two.columns { width: 100px; }
-  .container .three.columns { width: 160px; }
-  .container .four.columns { width: 220px; }
-  .container .five.columns { width: 280px; }
-  .container .six.columns { width: 340px; }
-  .container .seven.columns { width: 400px; }
-  .container .eight.columns { width: 460px; }
-  .container .nine.columns { width: 520px; }
-  .container .ten.columns { width: 580px; }
-  .container .eleven.columns { width: 640px; }
-  .container .twelve.columns { width: 700px; }
-  .container .thirteen.columns { width: 760px; }
-  .container .fourteen.columns { width: 820px; }
-  .container .fifteen.columns { width: 880px; }
-  .container .sixteen.columns { width: 940px; }
-  .container .one-third.column { width: 300px; }
-  .container .two-thirds.column { width: 620px; }
-  .container .offset-by-one { padding-left: 60px; }
-  .container .offset-by-two { padding-left: 120px; }
-  .container .offset-by-three { padding-left: 180px; }
-  .container .offset-by-four { padding-left: 240px; }
-  .container .offset-by-five { padding-left: 300px; }
-  .container .offset-by-six { padding-left: 360px; }
-  .container .offset-by-seven { padding-left: 420px; }
-  .container .offset-by-eight { padding-left: 480px; }
-  .container .offset-by-nine { padding-left: 540px; }
-  .container .offset-by-ten { padding-left: 600px; }
-  .container .offset-by-eleven { padding-left: 660px; }
-  .container .offset-by-twelve { padding-left: 720px; }
-  .container .offset-by-thirteen { padding-left: 780px; }
-  .container .offset-by-fourteen { padding-left: 840px; }
-  .container .offset-by-fifteen { padding-left: 900px; }
-}
-
-/* # Tablet Screen (Portrait)
+/* # Tablet
 ================================================== */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
-  .container { width: 768px; }
-  .container .one.column,
-  .container .one.columns { width: 28px; }
-  .container .two.columns { width: 76px; }
-  .container .three.columns { width: 124px; }
-  .container .four.columns { width: 172px; }
-  .container .five.columns { width: 220px; }
-  .container .six.columns { width: 268px; }
-  .container .seven.columns { width: 316px; }
-  .container .eight.columns { width: 364px; }
-  .container .nine.columns { width: 412px; }
-  .container .ten.columns { width: 460px; }
-  .container .eleven.columns { width: 508px; }
-  .container .twelve.columns { width: 556px; }
-  .container .thirteen.columns { width: 604px; }
-  .container .fourteen.columns { width: 652px; }
-  .container .fifteen.columns { width: 700px; }
-  .container .sixteen.columns { width: 748px; }
-  .container .one-third.column { width: 236px; }
-  .container .two-thirds.column { width: 492px; }
-  .container .offset-by-one { padding-left: 48px; }
-  .container .offset-by-two { padding-left: 96px; }
-  .container .offset-by-three { padding-left: 144px; }
-  .container .offset-by-four { padding-left: 192px; }
-  .container .offset-by-five { padding-left: 240px; }
-  .container .offset-by-six { padding-left: 288px; }
-  .container .offset-by-seven { padding-left: 336px; }
-  .container .offset-by-eight { padding-left: 384px; }
-  .container .offset-by-nine { padding-left: 432px; }
-  .container .offset-by-ten { padding-left: 480px; }
-  .container .offset-by-eleven { padding-left: 528px; }
-  .container .offset-by-twelve { padding-left: 576px; }
-  .container .offset-by-thirteen { padding-left: 624px; }
-  .container .offset-by-fourteen { padding-left: 672px; }
-  .container .offset-by-fifteen { padding-left: 720px; }
   .visible-tablet { display: inherit !important; }
   .hidden-tablet { display: none !important; }
   .hidden-desktop { display: inherit !important; }
   .visible-desktop { display: none !important ; }
 }
 
-/* # Mobile Screen (Portrait)
+/* # Mobile
 ================================================== */
 @media only screen and (max-width: 767px) {
-  .container { width: 300px; }
-  .container .column,
-  .container .columns { margin: 0; }
   .container .one.column,
   .container .one.columns,
+  .container .one.column.alpha,
+  .container .one.columns.alpha,
+  .container .one.column.omega,
+  .container .one.columns.omega,
+  .container .one.column.alpha.omega,
+  .container .one.columns.alpha.omega,
   .container .two.columns,
+  .container .two.columns.alpha,
+  .container .two.columns.omega,
+  .container .two.columns.alpha.omega,
   .container .three.columns,
+  .container .three.columns.alpha,
+  .container .three.columns.omega,
+  .container .three.columns.alpha.omega,
   .container .four.columns,
+  .container .four.columns.alpha,
+  .container .four.columns.omega,
+  .container .four.columns.alpha.omega,
   .container .five.columns,
+  .container .five.columns.alpha,
+  .container .five.columns.omega,
+  .container .five.columns.alpha.omega,
   .container .six.columns,
+  .container .six.columns.alpha,
+  .container .six.columns.omega,
+  .container .six.columns.alpha.omega,
   .container .seven.columns,
+  .container .seven.columns.alpha,
+  .container .seven.columns.omega,
+  .container .seven.columns.alpha.omega,
   .container .eight.columns,
+  .container .eight.columns.alpha,
+  .container .eight.columns.omega,
+  .container .eight.columns.alpha.omega,
   .container .nine.columns,
+  .container .nine.columns.alpha,
+  .container .nine.columns.omega,
+  .container .nine.columns.alpha.omega,
   .container .ten.columns,
-  .container .eleven.columns,
-  .container .twelve.columns,
-  .container .thirteen.columns,
-  .container .fourteen.columns,
-  .container .fifteen.columns,
-  .container .sixteen.columns,
+  .container .ten.columns.alpha,
+  .container .ten.columns.omega,
+  .container .ten.columns.alpha.omega,
   .container .one-third.column,
-  .container .two-thirds.column { width: 100%; }
+  .container .one-third.columns,
+  .container .one-third.column.alpha,
+  .container .one-third.columns.alpha,
+  .container .one-third.column.omega,
+  .container .one-third.columns.omega,
+  .container .one-third.column.alpha.omega,
+  .container .one-third.columns.alpha.omega,
+  .container .two-thirds.column,
+  .container .two-thirds.columns,
+  .container .two-thirds.column.alpha,
+  .container .two-thirds.columns.alpha,
+  .container .two-thirds.column.omega,
+  .container .two-thirds.columns.omega,
+  .container .two-thirds.column.alpha.omega,
+  .container .two-thirds.columns.alpha.omega { width: calc(100% - 20px); }
   .container .offset-by-one,
   .container .offset-by-two,
   .container .offset-by-three,
@@ -195,57 +195,26 @@
   .container .offset-by-six,
   .container .offset-by-seven,
   .container .offset-by-eight,
-  .container .offset-by-nine,
-  .container .offset-by-ten,
-  .container .offset-by-eleven,
-  .container .offset-by-twelve,
-  .container .offset-by-thirteen,
-  .container .offset-by-fourteen,
-  .container .offset-by-fifteen { padding-left: 0; }
+  .container .offset-by-nine { padding-left: 0; }
   .visible-phone { display: inherit !important; }
   .hidden-phone { display: none !important; }
   .hidden-desktop { display: inherit !important; }
   .visible-desktop { display: none !important; }
 }
 
-/* # Mobile Screen (Landscape)
-================================================== */
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-  .container { width: 460px; }
-  .container .one.column,
-  .container .one.columns,
-  .container .two.columns,
-  .container .three.columns,
-  .container .four.columns,
-  .container .five.columns,
-  .container .six.columns,
-  .container .seven.columns,
-  .container .eight.columns,
-  .container .nine.columns,
-  .container .ten.columns,
-  .container .eleven.columns,
-  .container .twelve.columns,
-  .container .thirteen.columns,
-  .container .fourteen.columns,
-  .container .fifteen.columns,
-  .container .sixteen.columns,
-  .container .one-third.column,
-  .container .two-thirds.column { width: 100%; }
-}
-
-/* # Displays
+/* # Display
 ================================================== */
 .display-block { display: block !important; }
 .display-inline { display: inline !important; }
 .display-inline-block { display: inline-block !important; }
 
-/* # Pulls
+/* # Pull
 ================================================== */
 .pull-none { float: none; }
 .pull-left { float: left; }
 .pull-right { float: right; }
 
-/* # Rows
+/* # Row
 ================================================== */
 .row { margin-bottom: 20px; }
 .row-small { margin-bottom: 10px; }