active_frontend 13.3.0 → 14.0.0

data/vendor/assets/stylesheets/_modal.scss

@@ -1,204 +0,0 @@
-/* Table of Contents
-==================================================
-# Modal
-# Components
-# Styles
-# Directions
-# Colors
-# Media Queries */
-
-/* # Modal
-================================================== */
-.modal {
-  background: $color-white;
-  background-clip: padding-box;
-  border-color: $color-haze;
-  border-radius: 3px;
-  box-shadow: 0 0 3px transparentize($color-dark-black, 0.7);
-  color: $color-black;
-  display: none;
-  margin-left: calc(50% - (560px / 2));
-  outline: 0;
-  position: fixed;
-  top: 0;
-  width: 560px;
-  z-index: 1060;
-}
-.modal.fade {
-  @include transition((opacity 0.2s linear, top 0.4s ease-in-out));
-  top: -100%;
-}
-.modal.fade.in { top: 15%; }
-.modal form {
-  border-color: inherit;
-  color: inherit;
-}
-.modal-header {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-  color: inherit;
-  padding: 23px 15px 20px 15px;
-}
-.modal-header > h1,
-.modal-header > h2,
-.modal-header > h3,
-.modal-header > h4,
-.modal-header > h5,
-.modal-header > h6 {
-  color: inherit;
-  font-size: 14px;
-  letter-spacing: 1px;
-  line-height: 1;
-  margin: 0;
-  padding: 0;
-  text-align: center;
-  text-transform: uppercase;
-}
-.modal-body {
-  color: inherit;
-  max-height: 300px;
-  overflow-y: auto;
-  padding: 15px 18px;
-}
-.modal-body .container { width: 100%; }
-.modal-body p:last-child { margin-bottom: 0; }
-.modal-footer {
-  border-top: 1px solid;
-  border-color: inherit;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  color: inherit;
-}
-.modal-footer:after { clear: both; }
-.modal-footer-btn {
-  @include appearance(none);
-  background: $color-transparent;
-  border: 0;
-  border-right: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  color: inherit;
-  cursor: pointer;
-  float: left;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 1;
-  margin: 0;
-  padding: 22px 0 23px 0;
-  text-align: center;
-  text-indent: 0;
-  text-rendering: geometricPrecision;
-  text-transform: uppercase;
-  touch-action: manipulation;
-  vertical-align: middle;
-  width: 100%;
-}
-.modal-footer-btn:last-child { border-right: 0; }
-.modal-footer-btn[disabled] {
-  color: $color-gray;
-  cursor: not-allowed;
-}
-.modal-footer-btn-group > .modal-footer-btn { width: 50%; }
-
-/* # Components
-================================================== */
-.modal-backdrop {
-  background: transparentize($color-black, 0.1);
-  bottom: 0;
-  height: 100%;
-  left: 0;
-  min-height: 100%;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 1050;
-}
-.modal-backdrop.fade {
-  filter: alpha(opacity=0);
-  opacity: 0;
-}
-.modal-backdrop.fade.in {
-  filter: alpha(opacity=100);
-  opacity: 1;
-}
-
-/* # Styles
-================================================== */
-.modal-aside {
-  border-radius: 0;
-  height: 100%;
-  margin: 0;
-  right: 0;
-}
-.modal-aside form { height: 100%; }
-.modal-aside.fade,
-.modal-aside.fade.in { top: 0; }
-.modal-aside.fade {
-  right: -100%;
-  @include transition((opacity 0.2s linear, right 0.4s ease-in-out));
-}
-.modal-aside.fade.in { right: 0; }
-.modal-aside .modal-header {
-  padding-bottom: 19px;
-  padding-top: 21px;
-}
-.modal-aside .modal-body {
-  height: calc(100% - 142px);
-  max-height: calc(100% - 142px);
-}
-
-/* # Directions
-================================================== */
-.modal-aside-alt {
-  left: 0;
-  right: initial;
-}
-.modal-aside-alt.fade {
-  left: -100%;
-  right: 0;
-  @include transition((opacity 0.2s linear, left 0.4s ease-in-out));
-}
-.modal-aside-alt.fade.in {
-  left: 0;
-  right: initial;
-}
-
-/* # Colors
-================================================== */
-.modal-dark {
-  background: $color-black;
-  border-color: $color-dark-black;
-  color: $color-white;
-}
-.modal-light {
-  background: $color-light-haze;
-  border-color: $color-dark-haze;
-}
-
-/* # Media Queries
-================================================== */
-@media only screen and (max-width: 767px) {
-  .modal {
-    margin-left: 15px;
-    width: calc(100% - 30px);
-  }
-  .modal-body { max-height: 180px; }
-  .modal-aside { margin: 0; }
-}
-@media
-only screen and (-webkit-min-device-pixel-ratio: 2),
-only screen and (   min--moz-device-pixel-ratio: 2),
-only screen and (     -o-min-device-pixel-ratio: 2/1),
-only screen and (        min-device-pixel-ratio: 2),
-only screen and (                min-resolution: 192dpi),
-only screen and (                min-resolution: 2dppx) {
-  .modal-header,
-  .modal-footer,
-  .modal-footer-btn { border-width: 0.5px; }
-  .modal-footer-btn:last-child { border-right: 0; }
-  .modal-header > h3 { letter-spacing: 0.5px; }
-}

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -1,230 +0,0 @@
-/* Table of Contents
-==================================================
-# Nav
-# Tab
-# Colors
-# Media Queries */
-
-/* # Nav
-================================================== */
-.nav {
-  border-color: $color-haze !important;
-  list-style: none;
-  margin: 0 0 20px 0;
-  padding: 0;
-}
-.nav > li > a {
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 1;
-}
-.nav-header {
-  background: $color-primary;
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-  color: $color-white;
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 1;
-  padding: 14px 15px 13px 15px;
-}
-.nav-list { margin-bottom: 0; }
-.nav-list > li > a { padding: 13px 15px 11px 15px; }
-.nav-list > li > a:hover,
-.nav-list > li > a:focus { background: $color-haze; }
-.nav-list > li > a:active,
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:active,
-.nav-list > .active > a:focus {
-  background: $color-light-haze;
-  color: $color-primary;
-}
-.nav-list > .divider {
-  background: $color-light-haze;
-  height: 1px;
-  margin: 10px 0;
-  overflow: hidden;
-}
-.nav-tabs:before,
-.nav-pills:before,
-.nav-tabs:after,
-.nav-pills:after {
-  content: "";
-  display: table;
-  line-height: 0;
-}
-.nav-tabs:after,
-.nav-pills:after { clear: both; }
-.nav-tabs {
-  border-bottom: 1px solid;
-  border-color: inherit;
-}
-.nav-tabs > li,
-.nav-pills > li {
-  border-color: inherit;
-  float: left;
-}
-.nav-tabs > li { margin-right: 20px; }
-.nav-tabs > li:last-child { margin: 0; }
-.nav-tabs > li > a {
-  background: $color-transparent;
-  border-bottom: 4px solid $color-transparent;
-  padding-bottom: 10px;
-}
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:active,
-.nav-tabs > li > a:focus { border-color: inherit; }
-.nav-tabs > .active > a,
-.nav-tabs > .active > a:hover,
-.nav-tabs > .active > a:active,
-.nav-tabs > .active > a:focus { border-color: $color-primary; }
-.nav-tabs .open a.dropdown-toggle { background: $color-transparent; }
-.nav-pills > li > a {
-  background: $color-light-haze;
-  border-radius: 2px;
-  margin-right: 3px;
-  padding: 10px 10px 8px 10px;
-}
-.nav-pills > li > a:hover,
-.nav-pills > li > a:active,
-.nav-pills > li > a:focus { background: $color-haze; }
-.nav-pills > .active > a,
-.nav-pills > .active > a:hover,
-.nav-pills > .active > a:active,
-.nav-pills > .active > a:focus {
-  background: $color-primary;
-  color: $color-white;
-}
-.nav-stacked > li {
-  float: none;
-  margin: 0;
-}
-.nav-tabs.nav-stacked { border: 0; }
-.nav-tabs.nav-stacked > li > a,
-.nav-pills.nav-stacked > li > a { padding: 12px 10px 10px 10px; }
-.nav-tabs.nav-stacked > li > a {
-  background: $color-light-haze;
-  border: 0;
-}
-.nav-tabs.nav-stacked > li:first-child > a {
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-}
-.nav-tabs.nav-stacked > li:last-child > a {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.nav-tabs.nav-stacked > li > a:hover,
-.nav-tabs.nav-stacked > li > a:focus { background: $color-haze; }
-.nav-tabs.nav-stacked > li > a:active,
-.nav-tabs.nav-stacked > .active > a {
-  background: $color-primary;
-  color: $color-white;
-}
-.nav-pills.nav-stacked > li { margin-bottom: 3px; }
-.nav-pills.nav-stacked > li:last-child { margin-bottom: 0; }
-.nav-tabs .dropdown-toggle { margin-top: -1px; }
-.nav-pills .dropdown-toggle { padding: 9px 10px 8px 10px; }
-.nav-tabs .open .dropdown-toggle,
-.nav-pills .open .dropdown-toggle,
-.nav > li.dropdown.open.active > a:hover,
-.nav > li.dropdown.open.active > a:active,
-.nav > li.dropdown.open.active > a:focus { background: $color-haze; }
-
-/* # Tab
-================================================== */
-.tabbable { *zoom: 1; }
-.tabbable:before,
-.tabbable:after {
-  content: "";
-  display: table;
-  line-height: 0;
-}
-.tabbable:after { clear: both; }
-.tab-content > .tab-pane,
-.pill-content > .pill-pane { display: none; }
-.tab-content > .active,
-.pill-content > .active { display: block; }
-.tabs-below > .nav-tabs > li > a { border-radius: 0 0 2px 2px; }
-.tabs-left > .nav-tabs > li,
-.tabs-right > .nav-tabs > li { float: none; }
-.tabs-left > .nav-tabs > li > a,
-.tabs-right > .nav-tabs > li > a {
-  margin-bottom: 3px;
-  margin-right: 0;
-  min-width: 50px;
-}
-.tabs-left > .nav-tabs {
-  float: left;
-  margin-right: 19px;
-}
-.tabs-left > .nav-tabs > li > a { border-radius: 2px 0 0 2px; }
-.tabs-right > .nav-tabs {
-  float: right;
-  margin-left: 19px;
-}
-.tabs-right > .nav-tabs > li > a { border-radius: 0 2px 2px 0; }
-
-/* # Colors
-================================================== */
-.nav-dark {
-  border-color: $color-dark-black !important;
-  color: $color-white;
-}
-.nav-light { border-color: $color-dark-haze !important; }
-.nav-dark.nav-list > li > a:hover,
-.nav-dark.nav-list > li > a:focus,
-.nav-dark.nav-list > li > a:active,
-.nav-dark.nav-list > .active > a,
-.nav-dark.nav-list > .active > a:hover,
-.nav-dark.nav-list > .active > a:active,
-.nav-dark.nav-list > .active > a:focus,
-.nav-dark.nav-pills > li > a,
-.nav-dark.nav-tabs.nav-stacked > li > a,
-.nav-dark.nav-tabs .open .dropdown-toggle,
-.nav-dark.nav-pills .open .dropdown-toggle,
-.nav-dark > li.dropdown.open.active > a:hover,
-.nav-dark > li.dropdown.open.active > a:active,
-.nav-dark > li.dropdown.open.active > a:focus  { background: $color-light-black; }
-.nav-dark.nav-list > .divider,
-.nav-dark.nav-pills > li > a:hover,
-.nav-dark.nav-pills > li > a:active,
-.nav-dark.nav-pills > li > a:focus,
-.nav-dark.nav-tabs.nav-stacked > li > a:hover,
-.nav-dark.nav-tabs.nav-stacked > li > a:focus { background: $color-dark-black; }
-.nav-light.nav-list > li > a:hover,
-.nav-light.nav-list > li > a:focus,
-.nav-light.nav-list > li > a:active,
-.nav-light.nav-list > .active > a,
-.nav-light.nav-list > .active > a:hover,
-.nav-light.nav-list > .active > a:active,
-.nav-light.nav-list > .active > a:focus,
-.nav-light.nav-pills > li > a,
-.nav-light.nav-tabs.nav-stacked > li > a,
-.nav-light.nav-tabs .open .dropdown-toggle,
-.nav-light.nav-pills .open .dropdown-toggle,
-.nav-light > li.dropdown.open.active > a:hover,
-.nav-light > li.dropdown.open.active > a:active,
-.nav-light > li.dropdown.open.active > a:focus,
-.nav-light.nav-list > .divider,
-.nav-light.nav-pills > li > a:hover,
-.nav-light.nav-pills > li > a:active,
-.nav-light.nav-pills > li > a:focus,
-.nav-light.nav-tabs.nav-stacked > li > a:hover,
-.nav-light.nav-tabs.nav-stacked > li > a:focus  { background: $color-dark-haze; }
-
-/* # Media Queries
-================================================== */
-@media
-only screen and (-webkit-min-device-pixel-ratio: 2),
-only screen and (   min--moz-device-pixel-ratio: 2),
-only screen and (     -o-min-device-pixel-ratio: 2/1),
-only screen and (        min-device-pixel-ratio: 2),
-only screen and (                min-resolution: 192dpi),
-only screen and (                min-resolution: 2dppx) {
-  .nav-list > .divider { height: 0.5px; }
-  .nav-tabs { border-width: 0.5px; }
-}

data/vendor/assets/stylesheets/_navbar.scss

@@ -1,73 +0,0 @@
-/* Table of Contents
-==================================================
-# Navbar
-# Styles
-# Colors
-# Media Queries */
-
-/* # Navbar
-================================================== */
-.navbar {
-  background: $color-white;
-  border-collapse: separate;
-  border-top: 1px solid $color-haze;
-  box-sizing: border-box;
-  color: $color-black;
-  display: table;
-  height: 50px;
-  line-height: 1;
-  table-layout: fixed;
-  width: 100%;
-}
-.navbar > a {
-  display: table-cell;
-  float: none;
-  font-size: 24px;
-  text-align: center;
-  vertical-align: middle;
-  width: 1%;
-}
-.navbar > a:hover,
-.navbar > a.active,
-.navbar > a:active,
-.navbar > a:focus { color: $color-primary; }
-
-/* # Styles
-================================================== */
-.navbar-fixed {
-  bottom: 0;
-  position: fixed;
-  min-width: inherit;
-  width: inherit;
-  z-index: 1040;
-}
-.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
-
-/* # Colors
-================================================== */
-.navbar-dark {
-  background: $color-black;
-  border-color: $color-dark-black;
-  color: $color-white;
-}
-.navbar-dark.navbar-shadow { box-shadow: 0 0 3px $color-dark-black; }
-.navbar-light {
-  background: $color-light-haze;
-  border-color: $color-dark-haze;
-}
-.navbar-light.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
-
-/* # Media Queries
-================================================== */
-@media only screen and (min-width: 768px) {
-  .navbar { display: none; }
-}
-@media
-only screen and (-webkit-min-device-pixel-ratio: 2),
-only screen and (   min--moz-device-pixel-ratio: 2),
-only screen and (     -o-min-device-pixel-ratio: 2/1),
-only screen and (        min-device-pixel-ratio: 2),
-only screen and (                min-resolution: 192dpi),
-only screen and (                min-resolution: 2dppx) {
-  .navbar { border-width: 0.5px; }
-}