active_frontend 6.6.2 → 7.0.0

data/vendor/assets/stylesheets/_carousel.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Carousel
+# Colors
 # Media Queries */
 
 /* # Carousel
@@ -42,7 +43,7 @@
 .carousel-inner > .active.right { left: 100%; }
 .carousel-control {
   bottom: 0;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   filter: alpha(opacity=50);
   left: 0;
   opacity: 0.5;
@@ -58,7 +59,7 @@
 .carousel-control:hover,
 .carousel-control:active,
 .carousel-control:focus {
-  color: rgba(255,255,255,1);
+  color: $color-white;
   filter: alpha(opacity=90);
   opacity: 0.9;
   outline: none;
@@ -104,24 +105,24 @@
 }
 .carousel-indicators > li {
   display: inline-block;
-  background: rgba(0,0,0,0);
+  background: $color-white;
   border-radius: 10px;
-  border: 1px solid rgba(255,255,255,1);
+  border: 1px solid $color-white;
   cursor: pointer;
-  height: 10px;
-  margin: 1px;
+  height: 4px;
+  margin: 2px;
   text-indent: -999px;
-  width: 10px;
+  width: 4px;
 }
 .carousel-indicators > .active {
-  background: rgba(255,255,255,1);
-  height: 12px;
+  background: rgba(0,0,0,0);
+  height: 8px;
   margin: 0;
-  width: 12px;
+  width: 8px;
 }
 .carousel-caption {
   bottom: 20px;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   left: 15%;
   padding-bottom: 20px;
   padding-top: 20px;
@@ -135,7 +136,19 @@
 .carousel-caption > h3,
 .carousel-caption > h4,
 .carousel-caption > h5,
-.carousel-caption > h6 { color: rgba(255,255,255,1); }
+.carousel-caption > h6 { color: $color-white; }
+
+/* # Colors
+================================================== */
+.carousel-dark .carousel-indicators > li,
+.carousel-primary .carousel-indicators > li {
+  background: $color-black-light;
+  border-color: $color-black-light;
+}
+.carousel-dark .carousel-indicators > .active,
+.carousel-primary .carousel-indicators > .active { background: rgba(0,0,0,0); }
+.carousel-dark .carousel-indicators > .active { border-color: $color-primary; }
+.carousel-primary .carousel-indicators > .active { border-color: $color-primary; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_code.scss

@@ -7,10 +7,10 @@
 /* # Code
 ================================================== */
 code {
-  background: rgba(245,248,250,1);
-  border: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border: 1px solid $color-haze;
   border-radius: 0;
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
   font-weight: normal;
@@ -29,10 +29,10 @@ code {
 /* # Pre
 ================================================== */
 pre {
-  background: rgba(245,248,250,1);
-  border: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border: 1px solid $color-haze;
   border-radius: 0;
-  color: rgba(35,41,55,1);
+  color: $color-black;
   display: block;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
@@ -55,87 +55,87 @@ pre {
 /* # Pygments
 ================================================== */
 .c {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-style: italic;
 } /* Comment */
 .err {
-  color: rgba(240,35,17,1);
-  background: rgba(35,41,55,1);
+  color: $color-red;
+  background: $color-black;
 } /* Error */
-.k { color: rgba(0,102,255,1); } /* Keyword */
+.k { color: $color-blue; } /* Keyword */
 .cm {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-style: italic;
 } /* Comment.Multiline */
-.cp { color: rgba(0,200,0,1); } /* Comment.Preproc */
+.cp { color: $color-green; } /* Comment.Preproc */
 .c1 {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-style: italic;
 } /* Comment.Single */
 .cs {
-  color: rgba(0,102,255,1);
+  color: $color-blue;
   font-style: italic;
 } /* Comment.Special */
-.gd { color: rgba(240,35,17,1); } /* Generic.Deleted */
+.gd { color: $color-red; } /* Generic.Deleted */
 .ge { font-style: italic; } /* Generic.Emph */
-.gr { color: rgba(240,35,17,1) } /* Generic.Error */
+.gr { color: $color-red } /* Generic.Error */
 .gh {
-  color: rgba(0,102,255,1);
+  color: $color-blue;
   font-weight: bold;
 } /* Generic.Heading */
-.gi { color: rgba(0,200,0,1); } /* Generic.Inserted */
-.go { color: rgba(136,153,166,1); } /* Generic.Output */
-.gp { color: rgba(35,41,55,1); } /* Generic.Prompt */
+.gi { color: $color-green; } /* Generic.Inserted */
+.go { color: $color-gray; } /* Generic.Output */
+.gp { color: $color-black; } /* Generic.Prompt */
 .gs { font-weight: bold; } /* Generic.Strong */
 .gu {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-weight: bold;
 } /* Generic.Subheading */
-.gt { color: rgba(240,35,17,1); } /* Generic.Traceback */
-.kc { color: rgba(0,102,255,1); } /* Keyword.Constant */
-.kd { color: rgba(0,102,255,1); } /* Keyword.Declaration */
-.kn { color: rgba(0,102,255,1); } /* Keyword.Namespace */
-.kp { color: rgba(0,102,255,1); } /* Keyword.Pseudo */
-.kr { color: rgba(0,102,255,1); } /* Keyword.Reserved */
-.kt { color: rgba(0,200,0,1); } /* Keyword.Type */
-.m { color: rgba(0,200,0,1); } /* Literal.Number */
-.s { color: rgba(0,102,255,1); } /* Literal.String */
-.sa { color: rgba(0,200,0,1); } /* Literal.String.Alternate */
-.na { color: rgba(0,102,255,1); } /* Name.Attribute */
-.nb { color: rgba(0,200,0,1); } /* Name.Builtin */
-.nc { color: rgba(0,200,0,1); } /* Name.Class */
-.no { color: rgba(240,35,17,1); } /* Name.Constant */
-.nd { color: rgba(136,153,166,1); } /* Name.Decorator */
+.gt { color: $color-red; } /* Generic.Traceback */
+.kc { color: $color-blue; } /* Keyword.Constant */
+.kd { color: $color-blue; } /* Keyword.Declaration */
+.kn { color: $color-blue; } /* Keyword.Namespace */
+.kp { color: $color-blue; } /* Keyword.Pseudo */
+.kr { color: $color-blue; } /* Keyword.Reserved */
+.kt { color: $color-green; } /* Keyword.Type */
+.m { color: $color-green; } /* Literal.Number */
+.s { color: $color-blue; } /* Literal.String */
+.sa { color: $color-green; } /* Literal.String.Alternate */
+.na { color: $color-blue; } /* Name.Attribute */
+.nb { color: $color-green; } /* Name.Builtin */
+.nc { color: $color-green; } /* Name.Class */
+.no { color: $color-red; } /* Name.Constant */
+.nd { color: $color-gray; } /* Name.Decorator */
 .ni {
-  color: rgba(240,35,17,1);
+  color: $color-red;
   font-weight: bold;
 } /* Name.Entity */
-.nf { color: rgba(0,200,0,1); } /* Name.Function */
-.nn { color: rgba(0,200,0,1); } /* Name.Namespace */
+.nf { color: $color-green; } /* Name.Function */
+.nn { color: $color-green; } /* Name.Namespace */
 .nt   {
-  color: rgba(0,102,255,1);
+  color: $color-blue;
   font-weight: bold;
 } /* Name.Tag */
-.nv { color: rgba(240,35,17,1); } /* Name.Variable */
-.ow { color: rgba(0,102,255,1); } /* Operator.Word */
-.w { color: rgba(136,153,166,1); } /* Text.Whitespace */
-.mf { color: rgba(0,200,0,1); } /* Literal.Number.Float */
-.mh { color: rgba(0,200,0,1); } /* Literal.Number.Hex */
-.mi { color: rgba(0,200,0,1); } /* Literal.Number.Integer */
-.mo { color: rgba(0,200,0,1); } /* Literal.Number.Oct */
-.sb { color: rgba(0,102,255,1); } /* Literal.String.Backtick */
-.sc { color: rgba(0,102,255,1); } /* Literal.String.Char */
-.sd { color: rgba(0,102,255,1); } /* Literal.String.Doc */
-.s2 { color: rgba(0,102,255,1); } /* Literal.String.Double */
-.se { color: rgba(0,102,255,1); } /* Literal.String.Escape */
-.sh { color: rgba(0,102,255,1); } /* Literal.String.Heredoc */
-.si { color: rgba(0,102,255,1); } /* Literal.String.Interpol */
-.sx { color: rgba(0,102,255,1); } /* Literal.String.Other */
-.sr { color: rgba(0,200,0,1); } /* Literal.String.Regex */
-.s1 { color: rgba(0,102,255,1); } /* Literal.String.Single */
-.ss { color: rgba(0,102,255,1); } /* Literal.String.Symbol */
-.bp { color: rgba(0,200,0,1); } /* Name.Builtin.Pseudo */
-.vc { color: rgba(240,35,17,1); } /* Name.Variable.Class */
-.vg { color: rgba(240,35,17,1); } /* Name.Variable.Global */
-.vi { color: rgba(240,35,17,1); } /* Name.Variable.Instance */
-.il { color: rgba(0,200,0,1); } /* Literal.Number.Integer.Long */
+.nv { color: $color-red; } /* Name.Variable */
+.ow { color: $color-blue; } /* Operator.Word */
+.w { color: $color-gray; } /* Text.Whitespace */
+.mf { color: $color-green; } /* Literal.Number.Float */
+.mh { color: $color-green; } /* Literal.Number.Hex */
+.mi { color: $color-green; } /* Literal.Number.Integer */
+.mo { color: $color-green; } /* Literal.Number.Oct */
+.sb { color: $color-blue; } /* Literal.String.Backtick */
+.sc { color: $color-blue; } /* Literal.String.Char */
+.sd { color: $color-blue; } /* Literal.String.Doc */
+.s2 { color: $color-blue; } /* Literal.String.Double */
+.se { color: $color-blue; } /* Literal.String.Escape */
+.sh { color: $color-blue; } /* Literal.String.Heredoc */
+.si { color: $color-blue; } /* Literal.String.Interpol */
+.sx { color: $color-blue; } /* Literal.String.Other */
+.sr { color: $color-green; } /* Literal.String.Regex */
+.s1 { color: $color-blue; } /* Literal.String.Single */
+.ss { color: $color-blue; } /* Literal.String.Symbol */
+.bp { color: $color-green; } /* Name.Builtin.Pseudo */
+.vc { color: $color-red; } /* Name.Variable.Class */
+.vg { color: $color-red; } /* Name.Variable.Global */
+.vi { color: $color-red; } /* Name.Variable.Instance */
+.il { color: $color-green; } /* Literal.Number.Integer.Long */

data/vendor/assets/stylesheets/_colorpicker.scss

@@ -5,7 +5,7 @@
 /* # Colorpicker
 ================================================== */
 .dropdown-swatch {
-  background: rgba(100,100,100,1);
+  background: $color-gray-dark;
   border-radius: 2px;
   display: inline-block;
   height: 25px;
@@ -37,7 +37,7 @@
   width: 26px;
 }
 .dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch.selected:after {
-  color: rgba(255,255,255,1);
+  color: $color-white;
   content: "\f3fe";
   display: inline-block;
   font-family: "Ionicons";

data/vendor/assets/stylesheets/_datepicker.scss

@@ -19,7 +19,7 @@
   visibility: visible;
 }
 .datepicker:before {
-  border-bottom: 7px solid rgba(230,237,242,1);
+  border-bottom: 7px solid $color-haze-dark;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   content: '';
@@ -27,7 +27,7 @@
   position: absolute;
 }
 .datepicker:after {
-  border-bottom: 6px solid rgba(230,237,242,1);
+  border-bottom: 6px solid $color-haze-dark;
   border-right: 6px solid transparent;
   border-left: 6px solid transparent;
   content: '';
@@ -43,15 +43,15 @@
 .datepicker.datepicker-orient-bottom:before {
   bottom: -7px;
   border-bottom: 0;
-  border-top: 7px solid rgba(230,237,242,1);
+  border-top: 7px solid $color-haze-dark;
 }
 .datepicker.datepicker-orient-bottom:after {
   bottom: -6px;
   border-bottom: 0;
-  border-top: 6px rgba(230,237,242,1);
+  border-top: 6px $color-haze-dark;
 }
 .dow {
-  color: rgba(85,94,113,1);
+  color: $color-gray-dark;
   font-weight: bold;
 }
 .datepicker > div { display: none; }
@@ -74,8 +74,8 @@
   line-height: 16px;
 }
 .datepicker table td.new,
-.datepicker table td.old { color: rgba(136,153,166,1); }
-.datepicker table td.day.disabled { color: rgba(136,153,166,1); }
+.datepicker table td.old { color: $color-gray; }
+.datepicker table td.day.disabled { color: $color-gray; }
 .datepicker table td > span {
   border-radius: 2px;
   display: block;
@@ -97,8 +97,8 @@
 .datepicker table > thead > tr:first-child > th:hover,
 .datepicker table > thead > tr:first-child > th:active,
 .datepicker table > thead > tr:first-child > th:focus {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
   cursor: pointer;
 }
 .datepicker table td.active,

data/vendor/assets/stylesheets/_dropdown.scss

@@ -10,12 +10,12 @@
 .dropdown-toggle:active,
 .open .dropdown-toggle { outline: 0; }
 .dropdown-menu {
-  background: rgba(246,248,250,1);
+  background: $color-haze-light;
   background-clip: padding-box;
-  border: 2px solid rgba(230,237,242,1);
+  border: 2px solid $color-haze-dark;
   box-shadow: 0 0 3px rgba(220,220,220,1);
   box-sizing: border-box;
-  color: rgba(35,41,55,1);
+  color: $color-black;
   display: block;
   float: left;
   font-weight: bold;
@@ -41,14 +41,14 @@
   right: 0;
 }
 .dropdown-menu > .divider {
-  background: rgba(230,237,242,1);
+  background: $color-haze;
   height: 1px;
   margin: 5px 0px;
   overflow: hidden;
 }
 .dropdown-menu > li > a {
   clear: both;
-  color: rgba(35,41,55,1);
+  color: $color-black;
   cursor: pointer;
   display: block;
   padding: 8px 15px;
@@ -62,7 +62,7 @@
 .dropdown-submenu:hover > a,
 .dropdown-submenu:active > a,
 .dropdown-submenu.active > a,
-.dropdown-submenu:focus > a { color: $primary-color; }
+.dropdown-submenu:focus > a { color: $color-primary; }
 .dropdown-menu > li > a i:first-child {
   display: inline-block;
   min-width: 14px;
@@ -84,7 +84,7 @@
 }
 .dropdown-menu.dropdown-caret { top: calc(100% + 5px); }
 .dropdown-menu.dropdown-caret:before {
-  border-bottom: 7px solid rgba(230,237,242,1);
+  border-bottom: 7px solid $color-haze-dark;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   content: "";
@@ -94,7 +94,7 @@
   top: -9px;
 }
 .dropdown-menu.dropdown-caret:after {
-  border-bottom: 6px solid rgba(230,237,242,1);
+  border-bottom: 6px solid $color-haze-dark;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   content: "";

data/vendor/assets/stylesheets/_footer.scss

@@ -15,8 +15,8 @@
   z-index: 1030;
 }
 .footer {
-  background: rgba(255,255,255,1);
-  border-top: 2px solid rgba(245,248,250,1);
+  background: $color-white;
+  border-top: 2px solid $color-haze-light;
   box-sizing: border-box;
   width: 100%;
   margin-top: 40px;
@@ -25,7 +25,7 @@
 .footer-app { width: calc(100% - 280px); }
 .footer-brand { float: left; }
 .footer-brand > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-size: 30px;
   text-decoration: none;
 }
@@ -43,14 +43,14 @@
 }
 .footer-nav > li:first-child { margin: 0; }
 .footer-nav > li > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
 }
 .footer-footnote {
   float: left;
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-size: 10px;
   line-height: 10px;
   margin: 8px 0 0 10px;
@@ -58,7 +58,7 @@
 
 /* # Alternate
 ================================================== */
-.footer-alt { padding: 40px 0; }
+.footer-alt { padding: 60px 0; }
 .footer-alt .footer-brand {
   float: none;
   text-align: center;
@@ -68,7 +68,10 @@
   margin: 0 0 10px 0;
 }
 .footer-alt .footer-nav > h6 {
+  border-bottom: 1px solid $color-haze;
   letter-spacing: 1px;
+  margin-bottom: 5px;
+  padding-bottom: 5px;
   text-transform: uppercase;
 }
 .footer-alt .footer-nav > li {
@@ -84,19 +87,27 @@
 .footer-alt .footer-footnote {
   display: block;
   float: none;
-  margin: 10px 0;
+  margin: 30px 0;
   text-align: center;
 }
 
 /* # Colors
 ================================================== */
 .footer-dark {
-  background: rgba(35,41,55,1);
+  background: $color-black;
   border-color: rgba(0,0,0,0.2);
 }
+.footer-dark.footer-alt .footer-nav > h6 {
+  color: $color-white;
+  border-color: $color-black-light;
+}
+.footer-dark.footer-alt .footer-brand > a,
+.footer-dark.footer-alt .footer-nav > li,
+.footer-dark.footer-alt .footer-nav > li > a,
+.footer-dark.footer-alt .footer-footnote { color: $color-gray; }
 .footer-light {
-  background: rgba(245,248,250,1);
-  border-color: rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
 }
 
 /* # Media Queries