alchemy_cms 7.4.10 → 8.0.0.b

data/app/assets/stylesheets/alchemy/_extends.scss

@@ -1,62 +0,0 @@
-%text-overflow {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  -ms-text-overflow: ellipsis;
-  -moz-text-overflow: ellipsis;
-}
-
-%field-with-error {
-  border-color: $error_border_color;
-  color: $error_text_color;
-  background-color: lighten($error_background_color, 8%);
-  box-shadow: inset 0px 0 1px rgba($error_border_color, 0.5);
-}
-
-%default-input-style {
-  border-radius: $default-border-radius;
-  box-shadow: $form-field-box-shadow;
-  font: $default-font-style;
-  color: $form-field-text-color;
-  padding: $form-field-padding;
-  margin: $form-field-margin;
-  background: $form-field-background-color;
-  border-width: $form-field-border-width;
-  border-style: $form-field-border-style;
-  border-color: $form-field-border-color;
-  height: $form-field-height;
-  width: 100%;
-  font-size: $form-field-font-size;
-  line-height: $form-field-line-height;
-  transition: $transition-duration;
-
-  &:focus:not(.readonly) {
-    @include default-focus-style($box-shadow: 0 0 0 1px $focus-color);
-  }
-
-  &[disabled],
-  &.disabled,
-  &:not(.flatpickr-input)[readonly],
-  &:not(.flatpickr-input).readonly {
-    color: $form-field-disabled-text-color;
-    background-color: $form-field-disabled-bg-color;
-    cursor: default;
-  }
-
-  &[disabled],
-  &.disabled {
-    cursor: not-allowed;
-  }
-
-  &:not(.flatpickr-input)[readonly],
-  &:not(.flatpickr-input).readonly {
-    pointer-events: none;
-  }
-}
-
-%gradiated-toolbar {
-  background: $toolbar-bg-color;
-  padding: var(--spacing-2) var(--spacing-1);
-  height: $toolbar-height;
-}

data/app/assets/stylesheets/alchemy/_variables.scss

@@ -1,201 +0,0 @@
-@import "alchemy/deprecated_variables";
-
-$light-blue: hsl(203deg, 32%, 85%);
-$very-light-blue: hsl(203deg, 32%, 97%);
-$blue: hsl(212deg, 52%, 36%);
-$dark-blue: hsl(212deg, 52%, 26%);
-$light-gray: hsl(0deg, 0%, 97%);
-$medium-gray: hsl(0deg, 0%, 94%);
-$dark-gray: hsl(0deg, 0%, 40%);
-$very-dark-gray: hsl(0deg, 0%, 20%);
-$light_yellow: hsl(60deg, 81%, 92%);
-$orange: hsl(42deg, 100%, 74%);
-$dark-orange: hsl(28deg, 77%, 68%);
-$very-dark-orange: hsl(28deg, 77%, 48%);
-$white: hsl(0deg, 0%, 100%);
-
-$text-color: hsla(224deg, 23%, 26%, 0.8) !default;
-$muted-text-color: hsla(224deg, 23%, 26%, 0.5) !default;
-$icon-color: hsla(224deg, 23%, 26%, 0.75) !default;
-$linked-color: var(--color-orange_medium) !default;
-$anchor-color: var(--color-orange_very_dark) !default;
-
-$body-background-color: var(--color-grey_very_light) !default;
-
-$default-font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode",
-  "Lucida Sans", Verdana, Tahoma, sans-serif !default;
-$mono-font-family: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console",
-  Terminal, monospace !default;
-$base-font-size: 12px !default;
-$default-font-size: 1em !default;
-$small-font-size: var(--font-size_small) !default;
-$default-font-style: $default-font-size $default-font-family !default;
-
-$default-padding: 4px !default;
-$default-margin: $default-padding !default;
-
-$dialog-header-height: 36px !default;
-$dialog-header-padding: 0 2 * $default-padding !default;
-$dialog-header-color: var(--color-blue_dark) !default;
-$dialog-header-text-color: var(--color-white) !default;
-$dialog-header-font-size: $default-font-size !default;
-$dialog-box-shadow: 0 8px 16px hsla(0deg, 0%, 14%, 0.5) !default;
-$dialog-overlay-color: hsl(0deg, 0%, 39%) !default;
-$dialog-overlay-opacity: 0.4 !default;
-$dialog-background-color: var(--color-grey_very_light) !default;
-
-$default-border-color: hsla(0deg, 0%, 69%, 0.5) !default;
-$border-inset-color: hsla(0deg, 0%, 79%, 0.5) !default;
-$default-border-width: 1px !default;
-$default-border-style: solid !default;
-$default-border: $default-border-width $default-border-style
-  $default-border-color !default;
-$default-border-radius: 3px !default;
-
-$form-field-margin: $default-margin 0 !default;
-$form-field-height: 31px !default;
-$form-field-addon-width: 30px !default;
-$form-field-background-color: var(--color-white) !default;
-$form-field-border-width: $default-border-width !default;
-$form-field-border-style: $default-border-style !default;
-$form-field-border-color: $default-border-color $default-border-color
-  $border-inset-color $border-inset-color !default;
-$form-field-box-shadow: inset 0px 0 1px var(--color-grey_light) !default;
-$form-field-padding: $default-padding 2 * $default-padding !default;
-$form-field-font-size: $default-font-size !default;
-$form-field-line-height: 1.25 !default;
-$form-field-text-color: var(--color-text) !default;
-$form-field-disabled-text-color: hsl(0deg, 0%, 53%) !default;
-$form-field-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5) !default;
-
-$focus-color: hsla(28deg, 77%, 68%, 0.75) !default;
-
-$button-bg-color: var(--color-white) !default;
-$button-hover-bg-color: transparent !default;
-$button-border-color: $default-border-color !default;
-$button-border-width: 1px !default;
-$button-border-radius: $default-border-radius !default;
-$button-text-color: var(--color-text) !default;
-$button-hover-border-color: $default-border-color !default;
-$button-focus-border-color: var(--color-orange_dark) !default;
-$button-font-weight: 700 !default;
-$button-text-shadow: none !default;
-$button-box-shadow: 0px 1px 1px -1px hsl(0deg, 0%, 20%) !default;
-$button-focus-box-shadow: 0px 1px 1px 0px $button-focus-border-color !default;
-$button-padding: $default-padding 5 * $default-padding !default;
-$small-button-padding: 0.4em 0.8em !default;
-$button-margin: $form-field-margin !default;
-
-$icon-button-width: 30px !default;
-$icon-button-height: 30px !default;
-$icon-button-medium-width: 26px !default;
-$icon-button-medium-height: 26px !default;
-$icon-button-small-width: 15px !default;
-$icon-button-small-height: 15px !default;
-
-$secondary-button-bg-color: transparent !default;
-$secondary-button-text-color: var(--color-text) !default;
-$secondary-button-border-color: $default-border-color !default;
-
-$linked-button-color: hsla(42deg, 100%, 74%, 0.75) !default;
-$linked-border-color: hsl(42deg, 100%, 64%) !default;
-
-$success_border_color: hsl(127deg, 25%, 69%) !default;
-$success_text_color: hsl(128deg, 32%, 26%) !default;
-$success_background_color: hsl(88deg, 47%, 88%) !default;
-
-$info_border_color: hsl(222deg, 25%, 61%) !default;
-$info_text_color: hsl(225deg, 53%, 29%) !default;
-$info_background_color: hsl(215deg, 63%, 87%) !default;
-
-$warning_border_color: hsl(55deg, 25%, 69%) !default;
-$warning_text_color: hsl(56deg, 53%, 29%) !default;
-$warning_background_color: hsl(56deg, 68%, 85%) !default;
-
-$error_border_color: hsl(0deg, 25%, 69%) !default;
-$error_text_color: hsl(0deg, 51%, 42%) !default;
-$error_background_color: hsl(0deg, 47%, 88%) !default;
-
-$hint-background-color: var(--color-yellow_light) !default;
-$hint-text-color: hsl(49deg, 18%, 30%) !default;
-
-$form-left-width: 35% !default;
-$form-right-width: 65% !default;
-
-$sitemap-line-height: 32px !default;
-$sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75) !default;
-$sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5) !default;
-$sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5) !default;
-$sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5) !default;
-
-$main-menu-width: 150px !default;
-$collapsed-main-menu-width: 48px !default;
-$collapsed-main-menu-entry-max-width: 300px !default;
-$main-menu-bg-color: var(--color-blue_dark) !default;
-$main-menu-active-bg-color: var(--color-orange_dark) !default;
-$main-menu-active-text-color: var(--color-blue_dark) !default;
-$main-menu-text-color: var(--color-white) !default;
-$main-menu-icon-color: var(--color-white) !default;
-$main-menu-entry-max-width: 110px !default;
-$toolbar-bg-color: var(--color-grey_light) !default;
-$toolbar-height: 46px !default;
-$tab-bar-height: 51px !default;
-$element-toolbar-height: 37px !default;
-$header-height: 29px !default;
-$header-background: hsl(0deg, 0%, 85%) !default;
-$text-shadow-light: hsla(0deg, 0%, 100%, 0.5) 0 0 4px !default;
-$transition-duration: 250ms !default;
-$transition-easing: linear !default;
-
-$tooltip-background-color: var(--color-blue_dark) !default;
-
-$addon-icon-opacity: 0.85 !default;
-
-$table-row-even-background-color: var(--color-white) !default;
-$table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5) !default;
-$table-row-hover-color: hsla(60deg, 81%, 92%, 0.5) !default;
-
-$elements-window-width: 22.5vw !default;
-$elements-window-min-width: 400px !default;
-$element-header-bg-color: transparent !default;
-$element-header-active-bg-color: var(--color-blue_dark) !default;
-$element-header-active-color: var(--color-white) !default;
-$element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25) !default;
-$element-deprecated-border-color: hsl(29deg, 95%, 84%) !default;
-$top-menu-height: 75px !default;
-
-$tabs-height: 31px !default;
-$pagination-height: 52px !default;
-
-$datepicker_current_bg: var(--color-blue_medium) !default;
-$datepicker_current_color: var(--color-white) !default;
-$datepicker_current_box_shadow: none !default;
-$datepicker_hover_bg: var(--color-yellow_light) !default;
-$datepicker_hover_color: var(--color-text) !default;
-$datepicker_today_bg: var(--color-grey_light) !default;
-$datepicker_today_color: var(--color-blue_medium) !default;
-$datepicker_header_color: var(--color-text) !default;
-$datepicker_day_bg: var(--color-grey_very_light) !default;
-$datepicker_day_border: 1px solid var(--color-grey_light) !default;
-$datepicker_day_color: var(--color-text) !default;
-
-$select-hover-bg-color: var(--color-blue_dark) !default;
-$select-hover-text-color: var(--color-white) !default;
-$medium-select-box-width: 90px;
-$large-select-box-width: 120px;
-
-$thumbnail-background:
-  linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em
-    0.5em/1em 1em,
-  linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em 0/1em
-    1em,
-  linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em
-    1em,
-  linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0 0.5em/1em
-    1em var(--color-grey_medium) !default;
-
-$small-screen-break-point: 500px;
-$medium-screen-break-point: 700px;
-$large-screen-break-point: 1000px;
-$xlarge-screen-break-point: 1440px;
-$xxlarge-screen-break-point: 1680px;

data/app/assets/stylesheets/alchemy/admin/attachments.scss

@@ -1,40 +0,0 @@
-.attachment_preview_container {
-  background-color: var(--color-grey_light);
-  margin-top: var(--spacing-3);
-
-  audio,
-  video {
-    display: block;
-  }
-
-  &.image-preview {
-    height: 300px;
-    text-align: center;
-    padding: var(--spacing-2);
-    white-space: nowrap;
-
-    &:before {
-      content: "";
-      display: inline-block;
-      height: 100%;
-      vertical-align: middle;
-      margin-right: -0.25em;
-    }
-
-    img.full_width {
-      display: inline-block;
-      width: auto;
-      height: auto;
-      max-width: 100%;
-      max-height: 100%;
-      vertical-align: middle;
-    }
-  }
-}
-
-.full-iframe {
-  width: 100%;
-  background-color: white;
-  min-height: 435px;
-  margin-top: var(--spacing-3);
-}

data/app/assets/stylesheets/alchemy/admin/buttons.scss

@@ -1,123 +0,0 @@
-button,
-input[type="submit"],
-a.button,
-input.button {
-  position: relative;
-  @include button-defaults;
-
-  &.secondary {
-    background-color: $secondary-button-bg-color;
-    color: $secondary-button-text-color;
-    border-color: $secondary-button-border-color;
-
-    &:focus {
-      @include default-focus-style(
-        $border-color: $button-focus-border-color,
-        $box-shadow: $button-focus-box-shadow
-      );
-    }
-
-    &:active,
-    &:active:focus {
-      border-color: $button-hover-border-color;
-      box-shadow: none;
-    }
-  }
-
-  &.small {
-    padding: $small-button-padding;
-    line-height: var(--spacing-4);
-    font-size: var(--font-size_small);
-  }
-
-  &.with_icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacing-1);
-
-    alchemy-icon {
-      fill: currentColor;
-    }
-  }
-
-  &[disabled] {
-    cursor: not-allowed;
-  }
-}
-
-.icon_button {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: $icon-button-width;
-  height: $icon-button-height;
-  margin: 0;
-  padding: 0;
-  text-shadow: none;
-  border-radius: $default-border-radius;
-
-  &.small {
-    width: $icon-button-small-width;
-    height: $icon-button-small-height;
-    background: none;
-    border: none;
-    padding: 0; // button.small has padding
-  }
-
-  &.active,
-  &:active,
-  &:hover:not([disabled]):not(.disabled):not(.linked) {
-    text-decoration: none;
-    background-color: $default-border-color;
-    cursor: pointer;
-  }
-
-  .icon {
-    transition: fill 250ms;
-  }
-
-  &.disabled,
-  &[disabled] {
-    pointer-events: none;
-
-    svg {
-      opacity: 0.3;
-    }
-
-    &:hover {
-      text-decoration: none;
-      cursor: default;
-    }
-  }
-
-  &.linked {
-    @include linked-button;
-  }
-
-  &:focus:not(.disabled):not([disabled]) {
-    @include default-focus-style;
-  }
-
-  .spinner {
-    position: static;
-    transform: none;
-  }
-}
-
-button.icon_button {
-  background: transparent;
-  border: 0 none;
-  box-shadow: none;
-  font-weight: normal;
-
-  &:disabled,
-  &.disabled {
-    background: transparent;
-  }
-}
-
-#new_element button.button {
-  float: right;
-}

data/app/assets/stylesheets/alchemy/admin/hints.scss

@@ -1,5 +0,0 @@
-.like-hint-tooltip {
-  cursor: help;
-  --sl-tooltip-background-color: #{$hint-background-color};
-  --sl-tooltip-color: #{$hint-text-color};
-}

data/app/assets/stylesheets/alchemy/admin/labels.scss

@@ -1,3 +0,0 @@
-.label {
-  @include label-base($margin: 0, $padding: 0 var(--spacing-2));
-}

data/app/assets/stylesheets/alchemy/admin/pagination.scss

@@ -1,92 +0,0 @@
-.pagination {
-  position: fixed;
-  display: flex;
-  align-items: center;
-  background: $light_gray;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  left: 0px;
-  height: $pagination-height;
-  padding: var(--spacing-2);
-  padding-left: $main-menu-width + 10px;
-  text-align: left;
-  border-top: $default-border;
-  z-index: 10;
-
-  a,
-  span,
-  em {
-    font-size: $default-font-size;
-    font-weight: bold;
-    color: var(--color-icon);
-    padding: var(--spacing-1);
-    margin: 0 var(--spacing-0);
-    border-radius: $default-border-radius;
-  }
-
-  a:hover {
-    color: var(--color-text);
-    background-color: $default-border-color;
-    text-decoration: none;
-  }
-
-  span a {
-    padding: 0;
-  }
-
-  .page {
-    padding: var(--spacing-1) var(--spacing-2);
-  }
-
-  .current {
-    color: var(--color-text);
-    background-color: $default-border-color;
-    cursor: default;
-  }
-
-  .previous_page {
-    margin-right: var(--spacing-2);
-  }
-
-  .next_page {
-    margin-left: var(--spacing-2);
-  }
-
-  .disabled,
-  span {
-    color: #c0c0c0;
-  }
-
-  .gap {
-    border: none;
-    background: transparent;
-    cursor: default;
-    margin: 0;
-  }
-
-  .next_page,
-  .previous_page,
-  .first-page,
-  .last-page,
-  .gap {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .icon {
-    fill: currentColor;
-  }
-}
-
-.per-page-select-form {
-  margin-left: auto;
-  display: inline;
-}
-
-#assign_image_list .pagination,
-#assign_file_list .pagination {
-  position: absolute;
-  padding-left: var(--spacing-2);
-}

data/app/assets/stylesheets/alchemy/admin/preview_window.scss

@@ -1,33 +0,0 @@
-:root {
-  --preview-window-min-width: 0px;
-
-  @media screen and (min-width: $large-screen-break-point) {
-    --preview-window-min-width: 240px;
-  }
-}
-
-#alchemy_preview_window {
-  position: absolute;
-  left: var(--main-menu-width);
-  top: 75px;
-  width: calc(
-    100vw - var(--main-menu-width) - var(--elements-window-width) +
-      var(--border-width_small)
-  );
-  min-width: var(--preview-window-min-width);
-  max-width: calc(100vw - var(--main-menu-width));
-  height: calc(100vh - #{$top-menu-height});
-  border: 0 none;
-  background: #fff;
-  border-right: $default-border;
-  transition-duration: $transition-duration;
-  transition-timing-function: ease-in-out;
-  transition-property: width max-width;
-
-  .elements-window-visible & {
-    max-width: calc(
-      100vw - var(--main-menu-width) - var(--elements-window-min-width) +
-        var(--border-width_small)
-    );
-  }
-}

data/app/assets/stylesheets/alchemy/admin/resource_info.scss

@@ -1,42 +0,0 @@
-.resource_info {
-  .value {
-    position: relative;
-    @include clearfix;
-
-    > label {
-      @include form-label;
-    }
-
-    > p {
-      @include form-value-display;
-      @include truncate($form-right-width);
-    }
-
-    &.with-icon {
-      > p {
-        white-space: nowrap;
-        padding-right: 40px;
-      }
-    }
-  }
-
-  .icon_button--right {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    right: 0;
-    top: var(--spacing-1);
-    height: $form-field-height;
-    background-color: var(--color-grey_light);
-    padding: 0 var(--spacing-2);
-    transition: background-color 0.3s;
-    @extend .right-rounded-border;
-
-    &:hover {
-      cursor: pointer;
-      background-color: hsl(0deg, 0%, 84%);
-      text-decoration: none;
-    }
-  }
-}