active_frontend 13.3.0 → 14.0.0

data/vendor/assets/stylesheets/_breadcrumb.scss

@@ -1,100 +0,0 @@
-/* Table of Contents
-==================================================
-# Breadcrumb
-# Styles
-# Colors */
-
-/* # Breadcrumb
-================================================== */
-.breadcrumb {
-  color: $color-black;
-  list-style: none;
-  margin: 0 0 10px 0;
-  padding: 0;
-}
-.breadcrumb > li {
-  display: inline-block;
-  font-size: 14px;
-  font-weight: bold;
-}
-.breadcrumb > li > a:hover,
-.breadcrumb > li > a:active,
-.breadcrumb > li > a:focus,
-.breadcrumb > .active { color: $color-primary; }
-.breadcrumb > li > .divider { padding: 0 5px; }
-
-/* # Styles
-================================================== */
-.breadcrumb-flow {
-  color: $color-black;
-  counter-reset: wizard;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: bold;
-  line-height: 16px;
-  list-style: none;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  position: relative;
-}
-.breadcrumb-flow > li {
-  float: left;
-  position: relative;
-  text-align: center;
-  width: 25%;
-}
-.breadcrumb-flow > li.active ~ li,
-.breadcrumb-flow > li.active ~ li > a { color: $color-dark-haze; }
-.breadcrumb-flow > li.active,
-.breadcrumb-flow > li > a:hover,
-.breadcrumb-flow > li > a:active,
-.breadcrumb-flow > li > a:focus,
-.breadcrumb-flow > li.active > a,
-.breadcrumb-flow > li.active ~ li > a:hover,
-.breadcrumb-flow > li.active ~ li > a:active,
-.breadcrumb-flow > li.active ~ li > a:focus { color: $color-primary; }
-.breadcrumb-flow > li:before {
-  background: $color-primary;
-  border: 5px solid $color-primary;
-  border-radius: 500px;
-  content: "";
-  counter-increment: wizard;
-  display: block;
-  height: 22px;
-  left: 50%;
-  margin: 0 0 10px -14px;
-  position: relative;
-  text-align: center;
-  width: 22px;
-  z-index: 1;
-}
-.breadcrumb-flow > li.active:before,
-.breadcrumb-flow > li.active ~ li:before { background: $color-white; }
-.breadcrumb-flow > li.active ~ li:before { border-color: $color-light-haze; }
-.breadcrumb-flow > li + li:after {
-  background: $color-primary;
-  content: "";
-  display: block;
-  height: 5px;
-  left: -50%;
-  position: absolute;
-  top: 14px;
-  width: 100%;
-  z-index: 0;
-}
-.breadcrumb-flow > li.active ~ li:after { background: $color-light-haze; }
-
-/* # Colors
-================================================== */
-.breadcrumb-dark { color: $color-white; }
-.breadcrumb-dark.breadcrumb-flow > li.active ~ li,
-.breadcrumb-dark.breadcrumb-flow > li.active ~ li > a { color: $color-gray; }
-.breadcrumb-dark.breadcrumb-flow > li.active:before,
-.breadcrumb-dark.breadcrumb-flow > li.active ~ li:before { background: $color-black; }
-.breadcrumb-dark.breadcrumb-flow > li.active ~ li:before { border-color: $color-gray; }
-.breadcrumb-dark.breadcrumb-flow > li.active ~ li:after { background: $color-gray; }
-.breadcrumb-light.breadcrumb-flow > li.active:before,
-.breadcrumb-light.breadcrumb-flow > li.active ~ li:before { background: $color-light-haze; }
-.breadcrumb-light.breadcrumb-flow > li.active ~ li:before { border-color: $color-dark-haze; }
-.breadcrumb-light.breadcrumb-flow > li.active ~ li:after { background: $color-dark-haze; }

data/vendor/assets/stylesheets/_button.scss

@@ -1,386 +0,0 @@
-/* Table of Contents
-==================================================
-# Variables
-# Button
-# Sizes
-# Icons
-# Colors
-# Outlines
-# Links
-# Styles
-# Groups
-# Toolbars
-# Data Toggles
-# Media Queries */
-
-/* # Variables
-================================================== */
-$onblack-colors: (
-  dark-haze: $color-dark-haze,
-  haze: $color-haze,
-  light-haze: $color-light-haze,
-  white: $color-white
-);
-$onwhite-colors: (
-  dark-black: $color-dark-black,
-  black: $color-black,
-  light-black: $color-light-black,
-  dark-gray: $color-dark-gray,
-  gray: $color-gray,
-  light-gray: $color-light-gray,
-  lime: $color-lime,
-  green: $color-green,
-  teal: $color-teal,
-  blue: $color-blue,
-  indigo: $color-indigo,
-  purple: $color-purple,
-  pink: $color-pink,
-  red: $color-red,
-  orange: $color-orange,
-  yellow: $color-yellow,
-  primary: $color-primary,
-  secondary: $color-secondary,
-  tertiary: $color-tertiary
-);
-
-/* # Button
-================================================== */
-.btn {
-  @include appearance(none);
-  background: $color-light-haze;
-  border: 2px solid $color-light-haze;
-  border-radius: 2px;
-  box-sizing: border-box;
-  color: $color-black;
-  cursor: pointer;
-  display: inline-block;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 14px;
-  font-weight: bold;
-  letter-spacing: 0;
-  line-height: 1;
-  margin: 0;
-  padding: 14px 20px 13px 20px;
-  text-align: center;
-  text-decoration: none;
-  text-rendering: geometricPrecision;
-  touch-action: manipulation;
-  @include transition(all 0.3s ease-in-out);
-  vertical-align: middle;
-  white-space: nowrap;
-}
-.btn:hover,
-.btn:active,
-.btn.active,
-.btn:focus,
-.open > .dropdown-toggle.btn {
-  background: darken($color-light-haze, 2%);
-  border-color: darken($color-light-haze, 2%);
-  text-decoration: none;
-}
-.btn[disabled] {
-  background: lighten($color-light-haze, 2%);
-  border-color: lighten($color-light-haze, 2%);
-  cursor: not-allowed;
-}
-
-/* # Sizes
-================================================== */
-.btn-large {
-  font-size: 16px;
-  padding: 16px 30px;
-}
-.btn-medium {
-  font-size: 12px;
-  padding: 10px 15px;
-}
-.btn-small {
-  font-size: 10px;
-  padding: 8px 15px;
-}
-.btn-mini {
-  font-size: 8px;
-  line-height: 9px;
-  padding: 7px 10px 5px 10px;
-}
-.btn-block {
-  display: block;
-  min-width: 100%;
-  padding-right: 0;
-  padding-left: 0;
-  width: 100%;
-}
-
-/* # Icons
-================================================== */
-.btn-icon {
-  font-size: 22px;
-  min-width: 42px;
-  padding: 10px 10px 9px 10px;
-}
-.btn-icon.btn-large {
-  font-size: 26px;
-  min-width: 54px;
-  padding: 12px 10px 10px 10px;
-}
-.btn-icon.btn-medium {
-  font-size: 18px;
-  min-width: 38px;
-  padding: 8px 5px 6px 5px;
-}
-.btn-icon.btn-small {
-  font-size: 14px;
-  min-width: 32px;
-  padding: 7px 5px 5px 5px;
-}
-.btn-icon.btn-mini {
-  font-size: 10px;
-  line-height: 1;
-  min-width: 26px;
-  padding: 6px 5px 4px 5px;
-}
-
-/* # Colors
-================================================== */
-@each $name, $color in $onblack-colors {
-  .btn-#{$name} {
-    background: $color;
-    border-color: $color;
-  }
-  .btn-#{$name}:hover,
-  .btn-#{$name}:active,
-  .btn-#{$name}.active,
-  .btn-#{$name}:focus,
-  .open > .dropdown-toggle.btn.btn-#{$name} {
-    background: darken($color, 2%);
-    border-color: darken($color, 2%);
-  }
-  .btn-#{$name}[disabled] {
-    background: lighten($color, 2%);
-    border-color: lighten($color, 2%);
-  }
-}
-@each $name, $color in $onwhite-colors {
-  .btn-#{$name} {
-    background: $color;
-    border-color: $color;
-    color: $color-white;
-  }
-  .btn-#{$name}:hover,
-  .btn-#{$name}:active,
-  .btn-#{$name}.active,
-  .btn-#{$name}:focus,
-  .open > .dropdown-toggle.btn.btn-#{$name} {
-    background: darken($color, 2%);
-    border-color: darken($color, 2%);
-  }
-  .btn-#{$name}[disabled] {
-    background: lighten($color, 2%);
-    border-color: lighten($color, 2%);
-  }
-}
-
-/* # Outlines
-================================================== */
-.btn-outline,
-.btn-outline[disabled] {
-  background: $color-transparent;
-  color: $color-dark-gray;
-}
-.btn-outline:hover,
-.btn-outline:active,
-.btn-outline.active,
-.btn-outline:focus,
-.open > .dropdown-toggle.btn.btn-outline {
-  background: darken($color-light-haze, 2%);
-  color: $color-black;
-}
-@each $name, $color in $onblack-colors {
-  .btn-outline.btn-#{$name},
-  .btn-outline.btn-#{$name}[disabled] { color: $color; }
-  .btn-outline.btn-#{$name}:hover,
-  .btn-outline.btn-#{$name}:active,
-  .btn-outline.btn-#{$name}.active,
-  .btn-outline.btn-#{$name}:focus,
-  .open > .dropdown-toggle.btn.btn-outline.btn-#{$name} {
-    background: darken($color, 2%);
-    color: $color-black;
-  }
-}
-@each $name, $color in $onwhite-colors {
-  .btn-outline.btn-#{$name},
-  .btn-outline.btn-#{$name}[disabled] { color: $color; }
-  .btn-outline.btn-#{$name}:hover,
-  .btn-outline.btn-#{$name}:active,
-  .btn-outline.btn-#{$name}.active,
-  .btn-outline.btn-#{$name}:focus,
-  .open > .dropdown-toggle.btn.btn-outline.btn-#{$name} {
-    background: darken($color, 2%);
-    color: $color-white;
-  }
-}
-
-/* # Links
-================================================== */
-.btn-link {
-  background: $color-transparent;
-  border-color: $color-transparent;
-  border-radius: 0;
-  color: $color-gray;
-  padding: 0;
-}
-.btn-link:hover,
-.btn-link:active,
-.btn-link.active,
-.btn-link:focus,
-.btn-link[disabled] {
-  background: $color-transparent;
-  border-color: $color-transparent;
-  color: $color-black;
-}
-
-/* # Styles
-================================================== */
-.btn-circle { border-radius: 500px; }
-
-/* # Groups
-================================================== */
-.btn-group,
-.btn-group-vertical {
-  display: inline-block;
-  font-size: 0;
-  position: relative;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.btn-group + .btn-group { margin-left: 5px; }
-.btn-group.pull-right + .btn-group.pull-right {
-  margin-right: 10px;
-  margin-left: 0;
-}
-.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.1); }
-.btn-group-vertical > .dropdown-toggle:not(:first-child) {
-  border-top-color: inherit;
-  border-left-color: rgba(0,0,0,0.1);
-}
-.btn-group > .btn {
-  border-radius: 0;
-  position: relative;
-}
-.btn-group > .btn:first-child {
-  border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-}
-.btn-group > .btn:last-child,
-.btn-group > .dropdown-toggle {
-  border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.btn-group > .btn-outline { margin-left: -2px; }
-.btn-group > .btn-outline:first-child { margin-left: 0; }
-.btn-group-vertical > .btn {
-  display: block;
-  margin-left: 0;
-  max-width: 100%;
-  width: 100%;
-}
-.btn-group-vertical > .btn-outline { margin-top: -2px; }
-.btn-group-vertical > .btn-outline:first-child { margin-top: 0; }
-.btn-group-vertical > .btn:first-child {
-  border-radius: 0;
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-}
-.btn-group-vertical > .btn:last-child,
-.btn-group-vertical > .dropdown-toggle {
-  border-radius: 0;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.btn-group > .btn:only-child,
-.btn-group-vertical > .btn:only-child { border-radius: 2px; }
-.btn-group > .btn-outline:hover,
-.btn-group > .btn-outline:active,
-.btn-group > .btn-outline.active,
-.btn-group > .btn-outline:focus,
-.btn-group-vertical > .btn-outline:hover,
-.btn-group-vertical > .btn-outline:active,
-.btn-group-vertical > .btn-outline.active,
-.btn-group-vertical > .btn-outline:focus { z-index: 2; }
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle { outline: 0; }
-.btn-group-block {
-  border-collapse: separate;
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-}
-.btn-group-block > .btn,
-.btn-group-block > .btn-group {
-  display: table-cell;
-  float: none;
-  width: 1%;
-}
-.btn-group-block > .btn-group .btn { width: 100%; }
-.btn-group-block > .btn { border-right-width: 0; }
-.btn-group-block > .btn:last-child { border-right-width: 2px; }
-
-/* # Toolbars
-================================================== */
-.btn-toolbar {
-  font-size: 0;
-  margin-bottom: 10px;
-  margin-top: 10px;
-}
-.btn-toolbar > .btn + .btn,
-.btn-toolbar > .btn-group + .btn,
-.btn-toolbar > .btn + .btn-group { margin-left: 5px; }
-
-/* # Data Toggles
-================================================== */
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  opacity: 0;
-  position: absolute;
-  z-index: -1;
-}
-
-/* # Media Queries
-================================================== */
-@media only screen and (max-width: 767px) {
-  .btn-group-responsive > .btn {
-    border-radius: 0;
-    display: block;
-    margin-left: 0;
-    margin-top: -2px;
-    max-width: 100%;
-    width: 100%;
-  }
-  .btn-group-responsive > .btn:first-child {
-    border-top-right-radius: 2px;
-    border-top-left-radius: 2px;
-    margin-left: 0;
-  }
-  .btn-group-responsive > .btn:last-child {
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 2px;
-  }
-  .btn-group-vertical-responsive > .btn {
-    display: inline-block;
-    margin-left: -2px;
-    margin-top: 0;
-    max-width: initial;
-    width: initial;
-  }
-  .btn-group-vertical-responsive > .btn:first-child {
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-    border-top-left-radius: 2px;
-  }
-  .btn-group-vertical-responsive > .btn:last-child {
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-top-right-radius: 2px;
-  }
-}