archangel 0.3.0 → 0.4.0

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_switches.scss

@@ -1,286 +0,0 @@
-@mixin switch-size($width, $height, $font-size, $handle-margin) {
-  height: $height;
-  width: $width;
-
-  .switch-label {
-    font-size: $font-size;
-  }
-
-  .switch-handle {
-    height: $height - $handle-margin * 2;
-    width: $height - $handle-margin * 2;
-  }
-
-  .switch-input:checked ~ .switch-handle {
-    left: $width - $height + $handle-margin;
-  }
-}
-
-@mixin switch($type, $width, $height, $font-size, $handle-margin) {
-  background-color: transparent;
-  cursor: pointer;
-  display: inline-block;
-  height: $height;
-  position: relative;
-  vertical-align: top;
-  width: $width;
-
-  .switch-input {
-    left: 0;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-  }
-
-  .switch-label {
-    background-color: $white;
-    border: 1px solid $border-color;
-    border-radius: 2px;
-    display: block;
-    font-size: $font-size;
-    font-weight: 600;
-    height: inherit;
-    position: relative;
-    text-transform: uppercase;
-    transition: opacity background .15s ease-out;
-    @if $type == icon {
-      font-family: 'FontAwesome';
-    }
-  }
-
-  @if $type == text or $type == icon {
-    .switch-label::before,
-    .switch-label::after {
-      line-height: 1;
-      margin-top: -.5em;
-      position: absolute;
-      text-align: center;
-      top: 50%;
-      transition: inherit;
-      width: 50%;
-    }
-
-    .switch-label::before {
-      color: $gray-200;
-      content: attr(data-off);
-      right: 1px;
-    }
-
-    .switch-label::after {
-      color: $white;
-      content: attr(data-on);
-      left: 1px;
-      opacity: 0;
-    }
-  }
-
-  .switch-input:checked ~ .switch-label {
-    //background: $gray-lightest;
-  }
-
-  .switch-input:checked ~ .switch-label::before {
-    opacity: 0;
-  }
-
-  .switch-input:checked ~ .switch-label::after {
-    opacity: 1;
-  }
-
-  .switch-handle {
-    background: $white;
-    border: 1px solid $border-color;
-    border-radius: 1px;
-    height: $height - $handle-margin * 2;
-    left: $handle-margin;
-    position: absolute;
-    top: $handle-margin;
-    transition: left .15s ease-out;
-    width: $height - $handle-margin * 2;
-  }
-
-  .switch-input:checked ~ .switch-handle {
-    left: $width - $height + $handle-margin;
-  }
-
-  //size variations
-  @if $type == default {
-
-    &.switch-lg {
-      @include switch-size($switch-lg-width, $switch-lg-height, $switch-lg-font-size, $handle-margin);
-    }
-
-    &.switch-sm {
-      @include switch-size($switch-sm-width, $switch-sm-height, $switch-sm-font-size, $handle-margin);
-    }
-
-    &.switch-xs {
-      @include switch-size($switch-xs-width, $switch-xs-height, $switch-xs-font-size, $handle-margin);
-    }
-
-  } @else if $type == text {
-
-    &.switch-lg {
-      @include switch-size($switch-text-lg-width, $switch-text-lg-height, $switch-text-lg-font-size, $handle-margin);
-    }
-
-    &.switch-sm {
-      @include switch-size($switch-text-sm-width, $switch-text-sm-height, $switch-text-sm-font-size, $handle-margin);
-    }
-
-    &.switch-xs {
-      @include switch-size($switch-text-xs-width, $switch-text-xs-height, $switch-text-xs-font-size, $handle-margin);
-    }
-
-  } @else if $type == icon {
-
-    &.switch-lg {
-      @include switch-size($switch-icon-lg-width, $switch-icon-lg-height, $switch-icon-lg-font-size, $handle-margin);
-    }
-
-    &.switch-sm {
-      @include switch-size($switch-icon-sm-width, $switch-icon-sm-height, $switch-icon-sm-font-size, $handle-margin);
-    }
-
-    &.switch-xs {
-      @include switch-size($switch-icon-xs-width, $switch-icon-xs-height, $switch-icon-xs-font-size, $handle-margin);
-    }
-
-  }
-}
-
-@mixin switch-variant($color) {
-  > .switch-input:checked ~ .switch-label {
-    background: $color !important;
-    border-color: darken($color, 10%);
-  }
-
-  > .switch-input:checked ~ .switch-handle {
-    border-color: darken($color, 10%);
-  }
-}
-
-@mixin switch-outline-variant($color) {
-  > .switch-input:checked ~ .switch-label {
-    background: $white !important;
-    border-color: $color;
-
-    &::after {
-      color: $color;
-    }
-  }
-
-  > .switch-input:checked ~ .switch-handle {
-    border-color: $color;
-  }
-}
-
-@mixin switch-outline-alt-variant($color) {
-  > .switch-input:checked ~ .switch-label {
-    background: $white !important;
-    border-color: $color;
-
-    &::after {
-      color: $color;
-    }
-  }
-
-  > .switch-input:checked ~ .switch-handle {
-    background: $color !important;
-    border-color: $color;
-  }
-}
-
-$switch-lg-width: 48px;
-$switch-lg-height: 28px;
-$switch-lg-font-size: 12px;
-
-$switch-width: 40px;
-$switch-height: 24px;
-$switch-font-size: 10px;
-
-$handle-margin: 2px;
-
-$switch-sm-width: 32px;
-$switch-sm-height: 20px;
-$switch-sm-font-size: 8px;
-
-$switch-xs-width: 24px;
-$switch-xs-height: 16px;
-$switch-xs-font-size: 7px;
-
-
-$switch-text-lg-width: 56px;
-$switch-text-lg-height: 28px;
-$switch-text-lg-font-size: 12px;
-
-$switch-text-width: 48px;
-$switch-text-height: 24px;
-$switch-text-font-size: 10px;
-
-$switch-text-sm-width: 40px;
-$switch-text-sm-height: 20px;
-$switch-text-sm-font-size: 8px;
-
-$switch-text-xs-width: 32px;
-$switch-text-xs-height: 16px;
-$switch-text-xs-font-size: 7px;
-
-
-$switch-icon-lg-width: 56px;
-$switch-icon-lg-height: 28px;
-$switch-icon-lg-font-size: 12px;
-
-$switch-icon-width: 48px;
-$switch-icon-height: 24px;
-$switch-icon-font-size: 10px;
-
-$switch-icon-sm-width: 40px;
-$switch-icon-sm-height: 20px;
-$switch-icon-sm-font-size: 8px;
-
-$switch-icon-xs-width: 32px;
-$switch-icon-xs-height: 16px;
-$switch-icon-xs-font-size: 7px;
-
-.switch.switch-default {
-  @include switch('default', $switch-width, $switch-height, $switch-font-size, $handle-margin);
-}
-
-.switch.switch-text {
-  @include switch('text', $switch-text-width, $switch-text-height, $switch-text-font-size, $handle-margin);
-}
-
-.switch.switch-icon {
-  @include switch('icon', $switch-icon-width, $switch-icon-height, $switch-icon-font-size, $handle-margin);
-}
-
-//pills style
-.switch-pill {
-  .switch-label,
-  .switch-handle {
-    border-radius: 50em !important;
-  }
-
-  .switch-label::before {
-    right: 2px !important;
-  }
-
-  .switch-label::after {
-    left: 2px !important;
-  }
-}
-
-@each $color, $value in $theme-colors {
-  //normal style
-  .switch-#{$color} {
-    @include switch-variant($value);
-  }
-  //outline style
-  .switch-#{$color}-outline {
-    @include switch-outline-variant($value);
-  }
-  //outline alternative style
-  .switch-#{$color}-outline-alt {
-    @include switch-outline-alt-variant($value);
-  }
-}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_tables.scss

@@ -1,20 +0,0 @@
-.table-outline {
-  border: 1px solid $table-border-color;
-
-  td {
-    vertical-align: middle;
-  }
-}
-
-.table-align-middle {
-
-  td {
-    vertical-align: middle;
-  }
-}
-
-.table-clear {
-  td {
-    border: 0;
-  }
-}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_temp.scss

@@ -1,39 +0,0 @@
-.pagination-datatables,
-.pagination {
-  li {
-    @extend .page-item;
-
-    a {
-      @extend .page-link;
-    }
-  }
-}
-
-.label-pill {
-  border-radius: 1rem !important;
-}
-
-// temp fix for Vue & React
-
-// Open state for the dropdown
-.open,
-.show {
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// navbar dropdown fix
-.navbar .dropdown-toggle {
-  @extend .nav-link;
-
-  .img-avatar {
-    height: $navbar-height - 20px;
-    margin: 0 10px;
-  }
-}
-
-.card-block {
-  @extend .card-body;
-}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_typography.scss

@@ -1,36 +0,0 @@
-body {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
-.font-xs {
-  font-size: .75rem !important;
-}
-
-.font-sm {
-  font-size: .85rem !important;
-}
-
-.font-lg {
-  font-size: 1rem !important;
-}
-
-.font-xl {
-  font-size: 1.25rem !important;
-}
-
-.font-2xl {
-  font-size: 1.5rem !important;
-}
-
-.font-3xl {
-  font-size: 1.75rem !important;
-}
-
-.font-4xl {
-  font-size: 2rem !important;
-}
-
-.font-5xl {
-  font-size: 2.5rem !important;
-}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_utilities.scss

@@ -1,3 +0,0 @@
-@import 'utilities/background';
-@import 'utilities/borders';
-@import 'utilities/display';

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_variables.scss

@@ -1,208 +0,0 @@
-// scss-lint:disable all
-// Core Admin Variables
-
-$enable-sidebar-nav-rounded:          false !default;
-
-$border-color:                        $gray-200 !default;
-$layout-transition-speed:             .25s !default;
-
-// Social Colors
-
-$facebook:                            #3b5998 !default;
-$twitter:                             #00aced !default;
-$linkedin:                            #4875b4 !default;
-$google-plus:                         #d34836 !default;
-$tumblr:                              #32506d !default;
-$xing:                                #026466 !default;
-$github:                              #4183c4 !default;
-$html5:                               #e34f26 !default;
-$openid:                              #f78c40 !default;
-$stack-overflow:                      #fe7a15 !default;
-$youtube:                             #b00 !default;
-$css3:                                #0170ba !default;
-$dribbble:                            #ea4c89 !default;
-$google-plus:                         #bb4b39 !default;
-$instagram:                           #517fa4 !default;
-$pinterest:                           #cb2027 !default;
-$reddit:                              #ff4500 !default;
-$spotify:                             #7ab800 !default;
-$vimeo:                               #aad450 !default;
-
-// Navbar
-
-$navbar-height:                       55px !default;
-$navbar-bg:                           #fff !default;
-$navbar-border: (
-  bottom: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-)  !default;
-$navbar-brand-width:                  155px !default;
-$navbar-brand-bg:                     #fff !default;
-$navbar-brand-border: (
-  bottom: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-
-$navbar-brand-minimized-width:        50px !default;
-$navbar-brand-minimized-bg:           $navbar-brand-bg !default;
-$navbar-brand-minimized-border:       $navbar-brand-border !default;
-
-$navbar-color:                        $gray-600 !default;
-$navbar-hover-color:                  $gray-800 !default;
-$navbar-active-color:                 $gray-800 !default;
-$navbar-disabled-color:               $gray-300 !default;
-
-$navbar-toggler-icon:                 str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-toggler-icon-hover:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-// Sidebar
-
-$sidebar-width:                       200px !default;
-$sidebar-padding:                     0 !default;
-$sidebar-minimized-width:             50px !default;
-$sidebar-minimized-height:            $sidebar-minimized-width !default;
-$sidebar-compact-width:               150px !default;
-$sidebar-compact-height:              $sidebar-compact-width !default;
-$sidebar-color:                       #fff !default;
-$sidebar-bg:                          $gray-800 !default;
-$sidebar-borders:                     none !default;
-$mobile-sidebar-width:                220px !default;
-
-// Sidebar Header
-
-$sidebar-header-height:               auto !default;
-$sidebar-header-bg:                   rgba(0,0,0,.2) !default;
-$sidebar-header-padding-y:            .75rem !default;
-$sidebar-header-padding-x:            1rem !default;
-
-// Sidebar Form
-
-$sidebar-form-border:                 0 !default;
-$sidebar-form-bg:                     darken($sidebar-bg,10%) !default;
-$sidebar-form-color:                  #fff !default;
-$sidebar-form-placeholder-color:      rgba(255,255,255,.7) !default;
-
-// Sidebar Navigation
-
-$sidebar-nav-color:                   #fff !default;
-$sidebar-nav-title-padding-y:         .75rem !default;
-$sidebar-nav-title-padding-x:         1rem !default;
-$sidebar-nav-title-color:             $gray-200 !default;
-$sidebar-nav-link-padding-y:          .75rem !default;
-$sidebar-nav-link-padding-x:          1rem !default;
-$sidebar-nav-link-color:              #fff !default;
-$sidebar-nav-link-bg:                 transparent !default;
-$sidebar-nav-link-icon-color:         $gray-600 !default;
-$sidebar-nav-link-borders:            0 !default;
-
-$sidebar-nav-link-hover-color:        #fff !default;
-$sidebar-nav-link-hover-bg:           theme-color("primary") !default;
-$sidebar-nav-link-hover-icon-color:   #fff !default;
-$sidebar-nav-link-hover-borders:      0 !default;
-
-$sidebar-nav-link-active-color:       #fff !default;
-$sidebar-nav-link-active-bg:          lighten($sidebar-bg, 5%) !default;
-$sidebar-nav-link-active-icon-color:  theme-color("primary") !default;
-$sidebar-nav-link-active-borders:     0 !default;
-
-$sidebar-nav-dropdown-color:          #fff !default;
-$sidebar-nav-dropdown-bg:             rgba(0,0,0,.2) !default;
-$sidebar-nav-dropdown-borders:        0 !default;
-$sidebar-nav-dropdown-indicator-color:$gray-600 !default;
-$sidebar-nav-dropdown-indicator:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$sidebar-nav-dropdown-indicator-hover-color:$sidebar-nav-link-hover-color;
-$sidebar-nav-dropdown-indicator-hover:str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-// Sidebar Footer
-
-$sidebar-footer-height:               auto !default;
-$sidebar-footer-bg:                   rgba(0,0,0,.2) !default;
-$sidebar-footer-padding-y:            .75rem !default;
-$sidebar-footer-padding-x:            1rem !default;
-$sidebar-footer-borders:              0 !default;
-
-// Sidebar Minimizer
-
-$sidebar-minimizer-height:            50px !default;
-$sidebar-minimizer-bg:                rgba(0,0,0,.2) !default;
-$sidebar-minimizer-borders:           0 !default;
-$sidebar-minimizer-indicator-color:   $gray-600 !default;
-$sidebar-minimizer-indicator:         str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$sidebar-minimizer-hover-bg:          rgba(0,0,0,.3) !default;
-$sidebar-minimizer-hover-indicator-color:$sidebar-nav-link-hover-color !default;
-$sidebar-minimizer-hover-indicator:   str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-hover-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-
-// Top Navigation
-
-$top-nav-bg:                          #fff !default;
-$top-nav-color:                       $body-color !default;
-$top-nav-borders: (
-  bottom: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-$top-nav-ul-borders: (
-  all: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-
-$top-nav-hover-color:                 #fff !default;
-$top-nav-hover-bg:                    theme-color("primary") !default;
-$top-nav-active-color:                #fff !default;
-$top-nav-active-bg:                   theme-color("primary") !default;
-$top-nav-height:                      $navbar-height - 15px !default;
-
-// Breadcrumb
-$breadcrumb-borders: (
-  bottom: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-
-// Aside
-
-$aside-menu-width:                    250px !default;
-$aside-menu-color:                    $gray-800 !default;
-$aside-menu-bg:                       #fff !default;
-$aside-menu-borders: (
-  left: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-
-$aside-menu-nav-padding-y:            .75rem !default;
-$aside-menu-nav-padding-x:            1rem !default;
-
-// Footer
-
-$footer-height:                       50px !default;
-$footer-bg:                           $gray-100 !default;
-$footer-color:                        $body-color !default;
-$footer-borders: (
-  top: (
-    size:                             1px,
-    style:                            solid,
-    color:                            $border-color
-  )
-) !default;
-
-// Cards
-
-$card-icon-bg:                        transparent !default;
-$card-icon-color:                     $body-color !default;