trestle 0.9.9 → 0.10.0

data/frontend/theme/trestle/theme/_variables.scss

@@ -1,15 +0,0 @@
-$theme-colors: null !default;
-
-// Import deprecated user-defined variables
-@import "trestle/_variables";
-
-$brand-primary: false !default;
-
-@if $brand-primary != false {
-  $theme-colors: (
-    "primary": $brand-primary
-  );
-}
-
-// Import user-defined theme variables
-@import "trestle/_theme";

data/frontend/theme/trestle/theme/bootstrap/_alert.scss

@@ -1,19 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
-  color: $color;
-  background-color: $background;
-  border-color: $border;
-
-  hr {
-    border-top-color: darken($border, 5%);
-  }
-
-  .alert-link {
-    color: darken($color, 10%);
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .alert-#{$color} {
-    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_badge.scss

@@ -1,25 +0,0 @@
-@mixin badge-variant($bg) {
-  color: color-yiq($bg);
-  background-color: $bg;
-
-  @at-root a#{&} {
-    &:hover,
-    &:focus {
-      color: color-yiq($bg);
-      background-color: darken($bg, 10%);
-    }
-
-    &:focus,
-    &.focus {
-      outline: 0;
-      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
-    }
-  }
-}
-
-
-@each $color, $value in $theme-colors {
-  .badge-#{$color} {
-    @include badge-variant($value);
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_buttons.scss

@@ -1,93 +0,0 @@
-@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
-  color: color-yiq($background);
-  background-color: $background;
-  border-color: $border;
-
-  &:hover {
-    color: color-yiq($hover-background);
-    background-color: $hover-background;
-    border-color: $hover-border;
-  }
-
-  &:focus,
-  &.focus {
-    color: color-yiq($hover-background);
-    background-color: $hover-background;
-    border-color: $hover-border;
-    box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
-  }
-
-  // Disabled comes first so active can properly restyle
-  &.disabled,
-  &:disabled {
-    color: color-yiq($background);
-    background-color: $background;
-    border-color: $border;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
-    color: color-yiq($active-background);
-    background-color: $active-background;
-    border-color: $active-border;
-
-    &:focus {
-      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
-    }
-  }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
-  color: $color;
-  border-color: $color;
-
-  &:hover {
-    color: $color-hover;
-    background-color: $active-background;
-    border-color: $active-border;
-  }
-
-  &:focus,
-  &.focus {
-    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-  }
-
-  &.disabled,
-  &:disabled {
-    color: $color;
-    background-color: transparent;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
-    color: color-yiq($active-background);
-    background-color: $active-background;
-    border-color: $active-border;
-
-    &:focus {
-      box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .btn-#{$color} {
-    @include button-variant($value, $value);
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .btn-outline-#{$color} {
-    @include button-outline-variant($value);
-  }
-}
-
-.btn-link {
-  color: $link-color;
-
-  &:hover {
-    color: $link-hover-color;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_color-vars.scss

@@ -1,11 +0,0 @@
-:root {
-  @each $color, $value in $theme-colors {
-    --#{$color}: #{$value};
-
-    --#{$color}-rgb: #{red($value), green($value), blue($value)};
-
-    --#{$color}-hue: #{hue($value)};
-    --#{$color}-saturation: #{saturation($value)};
-    --#{$color}-lightness: #{lightness($value)};
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_custom-forms.scss

@@ -1,93 +0,0 @@
-.custom-control-input {
-  &:checked ~ .custom-control-label::before {
-    border-color: $custom-control-indicator-checked-border-color;
-    background-color: $custom-control-indicator-checked-bg;
-  }
-
-  &:focus ~ .custom-control-label::before {
-    box-shadow: $custom-control-indicator-focus-box-shadow;
-  }
-
-  &:focus:not(:checked) ~ .custom-control-label::before {
-    border-color: $custom-control-indicator-focus-border-color;
-  }
-
-  &:not(:disabled):active ~ .custom-control-label::before {
-    background-color: $custom-control-indicator-active-bg;
-    border-color: $custom-control-indicator-active-border-color;
-  }
-}
-
-.custom-checkbox {
-  .custom-control-input:indeterminate ~ .custom-control-label {
-    &::before {
-      border-color: $custom-checkbox-indicator-indeterminate-border-color;
-      background-color: $custom-checkbox-indicator-indeterminate-bg;
-    }
-  }
-
-  .custom-control-input:disabled {
-    &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
-    }
-    &:indeterminate ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
-    }
-  }
-}
-
-.custom-radio {
-  .custom-control-input:disabled {
-    &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
-    }
-  }
-}
-
-.custom-switch {
-  .custom-control-input:disabled {
-    &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
-    }
-  }
-}
-
-.custom-select {
-  &:focus {
-    border-color: $custom-select-focus-border-color;
-    box-shadow: $custom-select-focus-box-shadow;
-  }
-}
-
-.custom-file-input {
-  &:focus ~ .custom-file-label {
-    border-color: $custom-file-focus-border-color;
-    box-shadow: $custom-file-focus-box-shadow;
-  }
-}
-
-.custom-range {
-  &::-webkit-slider-thumb {
-    background-color: $custom-range-thumb-bg;
-
-    &:active {
-      background-color: $custom-range-thumb-active-bg;
-    }
-  }
-
-  &::-moz-range-thumb {
-    background-color: $custom-range-thumb-bg;
-
-    &:active {
-      background-color: $custom-range-thumb-active-bg;
-    }
-  }
-
-  &::-ms-thumb {
-    background-color: $custom-range-thumb-bg;
-
-    &:active {
-      background-color: $custom-range-thumb-active-bg;
-    }
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_dropdown.scss

@@ -1,6 +0,0 @@
-.dropdown-item {
-  &.active,
-  &:active {
-    background-color: $dropdown-link-active-bg;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_forms.scss

@@ -1,6 +0,0 @@
-.form-control {
-  &:focus {
-    border-color: $input-focus-border-color;
-    box-shadow: $input-focus-box-shadow;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_links.scss

@@ -1,7 +0,0 @@
-a {
-  color: $link-color;
-
-  &:hover {
-    color: $link-hover-color;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_list-group.scss

@@ -1,31 +0,0 @@
-.list-group-item {
-  &.active {
-    background-color: $list-group-active-bg;
-    border-color: $list-group-active-border-color;
-  }
-}
-
-@mixin list-group-item-variant($state, $background, $color) {
-  .list-group-item-#{$state} {
-    color: $color;
-    background-color: $background;
-
-    &.list-group-item-action {
-      &:hover,
-      &:focus {
-        color: $color;
-        background-color: darken($background, 5%);
-      }
-
-      &.active {
-        color: white;
-        background-color: $color;
-        border-color: $color;
-      }
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
-}

data/frontend/theme/trestle/theme/bootstrap/_nav.scss

@@ -1,6 +0,0 @@
-.nav-pills {
-  .nav-link.active,
-  .show > .nav-link {
-    background-color: $nav-pills-link-active-bg;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_pagination.scss

@@ -1,18 +0,0 @@
-.page-link {
-  color: $pagination-color;
-
-  &:hover {
-    color: $pagination-hover-color;
-  }
-
-  &:focus {
-    box-shadow: $pagination-focus-box-shadow;
-  }
-}
-
-.page-item {
-  &.active .page-link {
-    background-color: $pagination-active-bg;
-    border-color: $pagination-active-border-color;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/_progress.scss

@@ -1,3 +0,0 @@
-.progress-bar {
-  background-color: $progress-bar-bg;
-}

data/frontend/theme/trestle/theme/bootstrap/_tables.scss

@@ -1,41 +0,0 @@
-@mixin table-row-variant($state, $background, $border: null) {
-  // Exact selectors below required to override `.table-striped` and prevent
-  // inheritance to nested tables.
-  .table-#{$state} {
-    &,
-    > th,
-    > td {
-      background-color: $background;
-    }
-
-    @if $border != null {
-      th,
-      td,
-      thead th,
-      tbody + tbody {
-        border-color: $border;
-      }
-    }
-  }
-
-  // Hover states for `.table-hover`
-  // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover {
-    $hover-background: darken($background, 5%);
-
-    .table-#{$state} {
-      &:hover {
-        background-color: $hover-background;
-
-        > td,
-        > th {
-          background-color: $hover-background;
-        }
-      }
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
-}

data/frontend/theme/trestle/theme/bootstrap/_utilities.scss

@@ -1,3 +0,0 @@
-@import "utilities/background";
-@import "utilities/borders";
-@import "utilities/text";

data/frontend/theme/trestle/theme/bootstrap/utilities/_background.scss

@@ -1,17 +0,0 @@
-@mixin bg-variant($parent, $color) {
-  #{$parent} {
-    background-color: $color !important;
-  }
-
-  a#{$parent},
-  button#{$parent} {
-    &:hover,
-    &:focus {
-      background-color: darken($color, 10%) !important;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  @include bg-variant(".bg-#{$color}", $value);
-}

data/frontend/theme/trestle/theme/bootstrap/utilities/_borders.scss

@@ -1,5 +0,0 @@
-@each $color, $value in $theme-colors {
-  .border-#{$color} {
-    border-color: $value !important;
-  }
-}

data/frontend/theme/trestle/theme/bootstrap/utilities/_text.scss

@@ -1,18 +0,0 @@
-@mixin text-emphasis-variant($parent, $color) {
-  #{$parent} {
-    color: $color !important;
-  }
-
-  @if $emphasized-link-hover-darken-percentage != 0 {
-    a#{$parent} {
-      &:hover,
-      &:focus {
-        color: darken($color, $emphasized-link-hover-darken-percentage) !important;
-      }
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
-}

data/frontend/theme/trestle/theme/trestle/_background.scss

@@ -1,61 +0,0 @@
-@if $theme-bg {
-  .theme-bg {
-    background: $theme-bg;
-  }
-
-
-  .theme-bg-dark {
-    background: gradient-mask(black, 0.1), $theme-bg;
-  }
-
-  .theme-bg-darker {
-    background: gradient-mask(black, 0.2), $theme-bg;
-  }
-
-  .theme-bg-darkest {
-    background: gradient-mask(black, 0.3), $theme-bg;
-  }
-
-
-  .theme-bg-light {
-    background: gradient-mask(white, 0.1), $theme-bg;
-  }
-
-  .theme-bg-lighter {
-    background: gradient-mask(white, 0.2), $theme-bg;
-  }
-
-  .theme-bg-lightest {
-    background: gradient-mask(white, 0.3), $theme-bg;
-  }
-} @else {
-  .theme-bg {
-    background-color: $theme-bg-color;
-  }
-
-
-  .theme-bg-dark {
-    background-color: darken($theme-bg-color, $theme-color-interval);
-  }
-
-  .theme-bg-darker {
-    background-color: darken($theme-bg-color, $theme-color-interval * 2);
-  }
-
-  .theme-bg-darkest {
-    background-color: darken($theme-bg-color, $theme-color-interval * 3);
-  }
-
-
-  .theme-bg-light {
-    background-color: lighten($theme-bg-color, $theme-color-interval);
-  }
-
-  .theme-bg-lighter {
-    background-color: lighten($theme-bg-color, $theme-color-interval * 2);
-  }
-
-  .theme-bg-lightest {
-    background-color: lighten($theme-bg-color, $theme-color-interval * 3);
-  }
-}

data/frontend/theme/trestle/theme/trestle/_datepicker.scss

@@ -1,58 +0,0 @@
-@if $theme-bg {
-  .flatpickr-calendar {
-    background: $theme-bg;
-  }
-} @else {
-  .flatpickr-calendar {
-    background-color: $theme-bg-color;
-  }
-}
-
-.flatpickr-calendar {
-  &.arrowTop {
-    &::after {
-      border-bottom-color: mix($theme-bg-color, white, 95%);
-    }
-  }
-}
-
-.flatpickr-months {
-  .flatpickr-prev-month,
-  .flatpickr-next-month {
-    &:hover svg {
-      fill: lighten(theme-color("primary"), 15%);
-    }
-  }
-}
-
-.flatpickr-day.selected,
-.flatpickr-day.startRange,
-.flatpickr-day.endRange,
-.flatpickr-day.selected.inRange,
-.flatpickr-day.startRange.inRange,
-.flatpickr-day.endRange.inRange,
-.flatpickr-day.selected:focus,
-.flatpickr-day.startRange:focus,
-.flatpickr-day.endRange:focus,
-.flatpickr-day.selected:hover,
-.flatpickr-day.startRange:hover,
-.flatpickr-day.endRange:hover,
-.flatpickr-day.selected.prevMonthDay,
-.flatpickr-day.startRange.prevMonthDay,
-.flatpickr-day.endRange.prevMonthDay,
-.flatpickr-day.selected.nextMonthDay,
-.flatpickr-day.startRange.nextMonthDay,
-.flatpickr-day.endRange.nextMonthDay {
-  background: theme-color("primary");
-  border-color: theme-color("primary");
-}
-
-.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-  box-shadow: -10px 0 0 theme-color("primary");
-}
-
-.flatpickr-day.week.selected {
-  box-shadow: -5px 0 0 theme-color("primary"), 5px 0 0 theme-color("primary");
-}

data/frontend/theme/trestle/theme/trestle/_headers.scss

@@ -1,4 +0,0 @@
-.app-sidebar-header,
-.modal-header {
-  @extend .theme-bg;
-}

data/frontend/theme/trestle/theme/trestle/_navbar.scss

@@ -1,15 +0,0 @@
-.app-sidebar-header {
-  .navbar-toggler {
-    background: $sidebar-mobile-toggle-bg;
-    border: $sidebar-mobile-toggle-border;
-
-    &:hover, &:focus {
-      background: $sidebar-mobile-toggle-active-bg;
-      border: $sidebar-mobile-toggle-active-border;
-    }
-  }
-
-  .navbar-toggler-icon {
-    background-image: $sidebar-mobile-toggle-icon-bg;
-  }
-}

data/frontend/theme/trestle/theme/trestle/_navigation.scss

@@ -1,5 +0,0 @@
-.app-nav {
-  .active a {
-    border-color: $sidebar-active-border-color;
-  }
-}

data/frontend/theme/trestle/theme/trestle/_select2.scss

@@ -1,22 +0,0 @@
-.select2-container--bootstrap {
-  .select2-results__option {
-    &--highlighted[aria-selected] {
-      background-color: $s2bs-dropdown-link-active-bg;
-    }
-  }
-
-  &.select2-container--focus,
-  &.select2-container--open {
-    .select2-selection {
-      border-color: $s2bs-input-border-focus !important;
-      box-shadow: $s2bs-form-control-focus-box-shadow !important;
-    }
-  }
-
-  .select2-selection--multiple.tag-select {
-    .select2-selection__choice {
-      background-color: $tag-bg;
-      border-color: $tag-border;
-    }
-  }
-}

data/frontend/theme/trestle/theme/trestle/_tags.scss

@@ -1,12 +0,0 @@
-.tag {
-  background-color: $tag-bg;
-  border-color: $tag-border;
-}
-
-a.tag {
-  &:hover,
-  &:focus {
-    background-color: $tag-hover-bg;
-    border-color: $tag-hover-border;
-  }
-}

data/frontend/theme/trestle/theme/trestle/_turbolinks.scss

@@ -1,3 +0,0 @@
-.turbolinks-progress-bar {
-  background-color: theme-color("primary");
-}

data/frontend/theme/trestle/theme.scss

@@ -1,29 +0,0 @@
-@charset "UTF-8";
-
-@import "theme/functions";
-@import "theme/variables";
-@import "theme/defaults";
-
-@import "theme/bootstrap/color-vars";
-@import "theme/bootstrap/links";
-@import "theme/bootstrap/tables";
-@import "theme/bootstrap/forms";
-@import "theme/bootstrap/buttons";
-@import "theme/bootstrap/dropdown";
-@import "theme/bootstrap/custom-forms";
-@import "theme/bootstrap/nav";
-@import "theme/bootstrap/pagination";
-@import "theme/bootstrap/badge";
-@import "theme/bootstrap/alert";
-@import "theme/bootstrap/progress";
-@import "theme/bootstrap/list-group";
-@import "theme/bootstrap/utilities";
-
-@import "theme/trestle/background";
-@import "theme/trestle/headers";
-@import "theme/trestle/navigation";
-@import "theme/trestle/navbar";
-@import "theme/trestle/datepicker";
-@import "theme/trestle/select2";
-@import "theme/trestle/tags";
-@import "theme/trestle/turbolinks";

data/lib/generators/trestle/install/templates/_theme.scss

@@ -1,13 +0,0 @@
-// This file may be used to override the Sass variables used within the Trestle
-// admin. It will be automatically included within all admin pages.
-//
-// A subset of Bootstrap and Trestle defaults can be set here.
-// For a detailed overview of the customizable variables, see the file
-// `frontend/theme/trestle/theme/_defaults.scss` within the Trestle source.
-
-// Customize admin theme colors:
-//
-//   $theme-colors: (
-//     "primary":   #337ab7,
-//     "secondary": #719dc3
-//   );