active_frontend 6.2.0 → 6.3.0

data/vendor/assets/stylesheets/_carousel.scss

@@ -63,10 +63,10 @@
   outline: none;
   text-decoration: none;
 }
-.carousel-control .icon-prev,
-.carousel-control .icon-next,
-.carousel-control .icon-carousel-left,
-.carousel-control .icon-carousel-right {
+.carousel-control > .icon-prev,
+.carousel-control > .icon-next,
+.carousel-control > .icon-carousel-left,
+.carousel-control > .icon-carousel-right {
   display: inline-block;
   font-size: 42px;
   height: 60px;
@@ -78,18 +78,18 @@
   width: 60px;
   z-index: 5;
 }
-.carousel-control .icon-prev,
-.carousel-control .icon-carousel-left { left: 10px; }
-.carousel-control .icon-next,
-.carousel-control .icon-carousel-right { right: 10px; }
-.carousel-control .icon-prev,
-.carousel-control .icon-next {
+.carousel-control > .icon-prev,
+.carousel-control > .icon-carousel-left { left: 10px; }
+.carousel-control > .icon-next,
+.carousel-control > .icon-carousel-right { right: 10px; }
+.carousel-control > .icon-prev,
+.carousel-control > .icon-next {
   font-family: serif;
   height: 48px;
   width: 48px;
 }
-.carousel-control .icon-prev:before { content: '\2039'; }
-.carousel-control .icon-next:before { content: '\203a'; }
+.carousel-control > .icon-prev:before { content: '\2039'; }
+.carousel-control > .icon-next:before { content: '\203a'; }
 .carousel-indicators {
   bottom: 10px;
   left: 50%;
@@ -101,7 +101,7 @@
   width: 60%;
   z-index: 15;
 }
-.carousel-indicators li {
+.carousel-indicators > li {
   display: inline-block;
   background: rgba(0,0,0,0);
   border-radius: 10px;
@@ -112,7 +112,7 @@
   text-indent: -999px;
   width: 10px;
 }
-.carousel-indicators .active {
+.carousel-indicators > .active {
   background: rgba(255,255,255,1);
   height: 12px;
   margin: 0;
@@ -129,20 +129,20 @@
   text-align: center;
   z-index: 10;
 }
-.carousel-caption h1,
-.carousel-caption h2,
-.carousel-caption h3,
-.carousel-caption h4,
-.carousel-caption h5,
-.carousel-caption h6 { color: rgba(255,255,255,1); }
+.carousel-caption > h1,
+.carousel-caption > h2,
+.carousel-caption > h3,
+.carousel-caption > h4,
+.carousel-caption > h5,
+.carousel-caption > h6 { color: rgba(255,255,255,1); }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
-  .carousel-control .icon-carousel-left,
-  .carousel-control .icon-carousel-right,
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
+  .carousel-control > .icon-carousel-left,
+  .carousel-control > .icon-carousel-right,
+  .carousel-control > .icon-prev,
+  .carousel-control > .icon-next {
     font-size:20px;
     height: 20px;
     width: 20px;

data/vendor/assets/stylesheets/_collapse.scss

@@ -7,9 +7,9 @@
 .collapse { display: none; }
 .collapse.in { display: block; }
 .collapsing {
-  position: relative;
   height: 0;
   overflow: hidden;
+  position: relative;
   -webkit-transition: height 0.35s ease;
   transition: height 0.35s ease;
 }

data/vendor/assets/stylesheets/_datepicker.scss

@@ -7,10 +7,10 @@
 .datepicker {
   left: 0;
   margin-top: 1px;
-  padding: 5px;
   top: 0;
   z-index: 1060;
 }
+.datepicker-dropdown.dropdown-menu { padding: 0; }
 .datepicker:before {
   border-bottom: 7px solid rgba(230,237,242,1);
   border-right: 7px solid transparent;
@@ -55,83 +55,52 @@
   user-select: none;
   width: 100%;
 }
-.datepicker th {
+.datepicker table th,
+.datepicker table td {
   height: 20px;
   text-align: center;
   width: 20px;
 }
-.datepicker td {
+.datepicker table td {
   font-weight: normal;
   height: 22px;
   line-height: 16px;
-  text-align: center;
-  width: 20px;
 }
-.datepicker td.day:hover {
-  background: $primary-color;
+.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 > span {
   border-radius: 2px;
-  color: rgba(255,255,255,1);
-  cursor: pointer;
-}
-.datepicker td.day.disabled { color: rgba(200,200,200,1); }
-.datepicker td.day.disabled:hover { color: rgba(34,34,34,1); }
-.datepicker td.old,
-.datepicker td.new { color: rgba(200,200,200,1); }
-.datepicker td.active,
-.datepicker td.active:hover,
-.datepicker td.active:hover:hover,
-.datepicker td.active:focus,
-.datepicker td.active:hover:focus,
-.datepicker td.active:active,
-.datepicker td.active:hover:active,
-.datepicker td.active.active,
-.datepicker td.active:hover.active,
-.datepicker td.active.disabled,
-.datepicker td.active:hover.disabled,
-.datepicker td.active[disabled],
-.datepicker td.active:hover[disabled] {
-  background: $primary-color;
-  border-radius: 2px;
-  color: rgba(255,255,255,1);
-}
-.datepicker td span {
-  border-radius: 500px;
   display: block;
-  height: 46px;
+  height: 30px;
   float: left;
-  line-height: 46px;
+  line-height: 33px;
   margin: 2px;
-  width: 46px;
-}
-.datepicker td span:hover {
+  width: 51px;
+}
+.datepicker table td.active,
+.datepicker table td.day:hover,
+.datepicker table td.day:focus,
+.datepicker table td.day.active,
+.datepicker table td.day:active,
+.datepicker table td > span:hover,
+.datepicker table td > span:focus,
+.datepicker table td > span.active,
+.datepicker table td > span:active,
+.datepicker table > thead > tr:first-child > th:hover,
+.datepicker table > thead > tr:first-child > th:focus,
+.datepicker table > thead > tr:first-child > th:active {
   background: $primary-color;
   color: rgba(255,255,255,1);
   cursor: pointer;
 }
-.datepicker td span.active,
-.datepicker td span.active:hover,
-.datepicker td span.active:focus,
-.datepicker td span.active:active,
-.datepicker td span.active.active,
-.datepicker td span.active.disabled,
-.datepicker td span.active[disabled] {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
-}
-.datepicker th.switch {
+.datepicker table td.active,
+.datepicker table td.day,
+.datepicker table > thead > tr:first-child > th { border-radius: 2px; }
+.datepicker table > thead > tr:first-child > th:nth-child(2) { font-weight: bold; }
+.datepicker table th.next,
+.datepicker table th.prev { font-size: 17px; }
+.datepicker table th.switch {
   font-weight: bold;
   width: 145px;
-}
-.datepicker th.next,
-.datepicker th.prev { font-size: 17px; }
-.datepicker thead tr:first-child th:hover {
-  background: $primary-color;
-  border-radius: 2px;
-  color: rgba(255,255,255,1);
-  cursor: pointer;
-}
-.datepicker thead tr:first-child th:nth-child(2) { font-weight: bold; }
-.datepicker-dropdown.dropdown-menu {
-  padding: 0;
-  z-index: 1060;
 }

data/vendor/assets/stylesheets/_dropdown.scss

@@ -51,15 +51,15 @@
   text-decoration: none;
   white-space: nowrap;
 }
-.dropdown-menu > li > a:active,
-.dropdown-menu > li > a.active,
 .dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus,
-.dropdown-submenu:active > a,
-.dropdown-submenu.active > a,
+.dropdown-menu > li > a:active,
+.dropdown-menu > li > a.active,
 .dropdown-submenu:hover > a,
-.dropdown-submenu:focus > a { color: $primary-color; }
-.dropdown-menu > li > a i:first-child {
+.dropdown-submenu:focus > a,
+.dropdown-submenu:active > a,
+.dropdown-submenu.active > a { color: $primary-color; }
+.dropdown-menu > li > a > i:first-child {
   display: inline-block;
   min-width: 14px;
   text-align: center;
@@ -74,10 +74,6 @@
   left: auto;
   right: 0;
 }
-.dropdown .dropdown-menu .nav-header {
-  padding-right: 20px;
-  padding-left: 20px;
-}
 .dropdown-menu.dropdown-caret { top: calc(100% + 5px); }
 .dropdown-menu.dropdown-caret:before {
   border-bottom: 7px solid rgba(230,237,242,1);

data/vendor/assets/stylesheets/_footer.scss

@@ -47,10 +47,10 @@
   text-decoration: none;
   text-transform: uppercase;
 }
-.footer > .footer-nav > li > a.active,
-.footer > .footer-nav > li > a:active,
 .footer > .footer-nav > li > a:hover,
-.footer > .footer-nav > li > a:focus { color: rgba(136,153,166,1); }
+.footer > .footer-nav > li > a:focus,
+.footer > .footer-nav > li > a.active,
+.footer > .footer-nav > li > a:active { color: rgba(136,153,166,1); }
 .footer-footnote {
   float: left;
   color: rgba(255,255,255,1);

data/vendor/assets/stylesheets/_form.scss

@@ -31,6 +31,7 @@ label {
   margin: 5px 0 5px 0;
 }
 textarea,
+select,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
@@ -47,16 +48,16 @@ input[type="tel"],
 input[type="color"],
 .uneditable-input {
   -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   background: rgba(255,255,255,1);
   border: 1px solid rgba(230,237,242,1);
   border-radius: 0;
   box-sizing: border-box;
   color: rgba(35,41,55,1);
   display: block;
-  font-weight: normal;
-  font-style: normal;
   font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
   line-height: 1;
   margin-bottom: 5px;
   padding: 13px 0 10px 0;
@@ -109,25 +110,11 @@ input[type="button"],
 input[type="radio"],
 input[type="checkbox"] { width: auto; }
 select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background: rgba(255,255,255,1);
-  border: 1px solid rgba(230,237,242,1);
-  border-radius: 0;
-  box-sizing: border-box;
-  color: rgba(35,41,55,1);
-  font-weight: normal;
-  font-style: normal;
-  font-size: 16px;
-  line-height: 1;
-  margin-bottom: 5px;
-  padding: 13px 0 10px 10px;
+  display: inline-block;
+  padding-left: 10px;
   text-indent: 0;
   text-transform: capitalize;
-  width: 100%;
-  vertical-align: middle;
 }
-select[multiple] { padding-left: 10px; }
 select[multiple],
 select[size] { height: auto; }
 select:focus,
@@ -189,33 +176,32 @@ select.form-input-initial-width {
   margin-bottom: 30px;
   padding-bottom: 5px;
 }
-.form-header h1,
-.form-header h2,
-.form-header h3,
-.form-header h4,
-.form-header h5,
-.form-header h6 { margin-bottom: 0; }
+.form-header > h1,
+.form-header > h2,
+.form-header > h3,
+.form-header > h4,
+.form-header > h5,
+.form-header > h6 { margin-bottom: 0; }
 .form-error-messages {
   background: rgba(255,255,255,1);
   margin-bottom: 40px;
 }
-.form-error-messages h4 {
+.form-error-messages > h4 {
   background: rgba(245,248,250,1);
   border: 1px solid rgba(230,237,242,1);
   margin: 0;
   padding: 5px 10px;
 }
-.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);
+.form-error-messages > ul {
+  border: 1px solid rgba(230,237,242,1);
+  border-top: 0;
 }
-.form-error-messages li {
+.form-error-messages > ul > li {
   display: block;
   padding: 0 10px;
 }
-.form-error-messages li:first-child { padding-top: 10px; }
-.form-error-messages li:last-child  { padding-bottom: 10px; }
+.form-error-messages > ul > li:first-child { padding-top: 10px; }
+.form-error-messages > ul > li:last-child  { padding-bottom: 10px; }
 .form-textarea-small { height: 80px; }
 .form-textarea-large { height: 200px; }
 .form-file-input {
@@ -238,36 +224,31 @@ select.form-input-initial-width {
   float: none;
   padding: 0;
 }
-.form-input-group input,
+.form-input-group > input,
 .form-input-group-addon,
-.form-file-group input,
+.form-file-group > input,
 .form-file-group-addon { display: table-cell; }
-.form-input-group input,
-.form-file-group input { margin: 0; }
-.form-input-group-addon {
-  background: rgba(245,248,250,1);
-  border: 1px solid rgba(230,237,242,1);
-  box-sizing: border-box;
-  color: rgba(136,153,166,1);
-  font-weight: normal;
-  font-style: normal;
-  font-size: 16px;
-  line-height: 0;
-  padding: 0 13px;
-  text-align: center;
-  width: 1%;
-  white-space: nowrap;
-  vertical-align: middle;
-}
+.form-input-group > input,
+.form-file-group > input { margin: 0; }
+.form-input-group-addon,
 .form-file-group-addon {
   box-sizing: border-box;
   line-height: 0;
-  padding: 0;
   text-align: center;
-  width: 1%;
   white-space: nowrap;
+  width: 1%;
   vertical-align: middle;
 }
+.form-input-group-addon {
+  background: rgba(245,248,250,1);
+  border: 1px solid rgba(230,237,242,1);
+  color: rgba(136,153,166,1);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  padding: 0 13px;
+}
+.form-file-group-addon { padding: 0; }
 .form-file-group-button {
   border-color: rgba(230,237,242,1);
   margin-right: -1px;
@@ -276,12 +257,12 @@ select.form-input-initial-width {
 }
 .form-input-group-addon:first-child,
 .form-file-group-addon:first-child,
-.form-file-group-addon:first-child .form-file-group-button { border-right: 0; }
+.form-file-group-addon:first-child > .form-file-group-button { border-right: 0; }
 .form-input-group-addon:last-child,
 .form-file-group-addon:last-child,
-.form-file-group-addon:last-child .form-file-group-button { border-left: 0; }
-.form-input-group-addon input[type="radio"],
-.form-input-group-addon input[type="checkbox"] { margin: 0; }
+.form-file-group-addon:last-child > .form-file-group-button { border-left: 0; }
+.form-input-group-addon > input[type="radio"],
+.form-input-group-addon > input[type="checkbox"] { margin: 0; }
 .form-input-inline {
   display: inline-block;
   margin: 0;
@@ -304,7 +285,7 @@ select.form-input-initial-width {
   margin-top: 30px;
   padding: 20px 0 0 0;
 }
-.form-footer li:first-child { margin-top: 10px; }
+.form-footer > li:first-child { margin-top: 10px; }
 
 /* # Styles
 ================================================== */
@@ -312,16 +293,16 @@ select.form-input-initial-width {
   clear: both;
   margin-left: -5px;
 }
-.form-inline input,
-.form-inline textarea,
-.form-inline select {
+.form-inline > input,
+.form-inline > textarea,
+.form-inline > select {
   display: inline-block;
   float: left;
   margin: 0 0 0 5px;
 }
-.form-inline input[type="submit"],
-.form-inline input[type="reset"],
-.form-inline input[type="button"] {
+.form-inline > input[type="submit"],
+.form-inline > input[type="reset"],
+.form-inline > input[type="button"] {
   padding-bottom: 14px;
   padding-top: 14px;
 }
@@ -332,18 +313,18 @@ select.form-input-initial-width {
 .form-input-medium { width: 150px !important; }
 .form-input-small { width: 75px !important; }
 .form-input-mini { width: 50px !important; }
-.form-inline.form-inline-alt input,
-.form-inline.form-inline-alt textarea,
-.form-inline.form-inline-alt select {
+.form-inline.form-inline-alt > input,
+.form-inline.form-inline-alt > textarea,
+.form-inline.form-inline-alt > select {
   font-size: 12px;
   line-height: 12px;
   padding-bottom: 8px;
   padding-top: 10px;
 }
 
-.form-inline.form-inline-alt input[type="submit"],
-.form-inline.form-inline-alt input[type="reset"],
-.form-inline.form-inline-alt input[type="button"] {
+.form-inline.form-inline-alt > input[type="submit"],
+.form-inline.form-inline-alt > input[type="reset"],
+.form-inline.form-inline-alt > input[type="button"] {
   font-size: 11px;
   line-height: 11px;
   padding-bottom: 10px;