activeadmin_blaze_theme 0.6.2 → 0.7.8

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss

@@ -1,68 +0,0 @@
-@import 'mixins/components.buttons';
-
-.c-tabs[role='tablist'] {
-  display: block;
-}
-
-.c-tabs__headings {
-  display: flex;
-  text-align: center;
-}
-
-.c-tabs__nav {
-  overflow: hidden;
-
-  .c-tabs__headings {
-    margin-bottom: -1em;
-    padding-bottom: 1em;
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-}
-
-.c-tab-heading[role='tab'] {
-  --tab-heading-border-color: var(--color-default);
-
-  @include button-nude;
-
-  display: block;
-  flex: 1;
-  margin: 0;
-  padding: var(--spacing-medium);
-  white-space: nowrap;
-  border-bottom: var(--spacing-xsmall) solid var(--color-background);
-  border-radius: var(--border-radius) var(--border-radius) 0 0;
-
-  &:not(:disabled):not(.c-tab-heading--active):hover {
-    border-bottom-color: var(--tab-heading-border-color);
-  }
-
-  &.c-tab-heading--active {
-    background-color: var(--color-background);
-    border-bottom-color: var(--tab-heading-border-color);
-  }
-
-  &.c-tab-heading--brand {
-    --tab-heading-border-color: var(--color-brand);
-  }
-
-  &.c-tab-heading--info {
-    --tab-heading-border-color: var(--color-info);
-  }
-
-  &.c-tab-heading--warning {
-    --tab-heading-border-color: var(--color-warning);
-  }
-
-  &.c-tab-heading--success {
-    --tab-heading-border-color: var(--color-success);
-  }
-
-  &.c-tab-heading--error {
-    --tab-heading-border-color: var(--color-error);
-  }
-}
-
-.c-tabs__tab[role='tabpanel'] {
-  padding: var(--spacing-medium);
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss

@@ -1,39 +0,0 @@
-.c-tags {
-  position: relative;
-  width: 100%;
-  text-align: left;
-}
-
-.c-tags .c-card--menu {
-  position: absolute;
-  width: 100%;
-}
-
-.c-tags__container {
-  display: inline-block;
-  max-width: 70%;
-  padding-right: var(--spacing-xsmall);
-}
-
-.c-tag {
-  position: relative;
-  display: inline-block;
-  max-width: 70%;
-  margin: var(--spacing-tiny);
-  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);
-}
-
-.c-tag__close {
-  position: absolute;
-  top: 7px;
-  right: 5px;
-  color: #fff;
-  font-weight: var(--text-font-weight-heavy);
-}
-
-.c-tags__field-container {
-  position: absolute;
-  display: inline-block;
-  width: 30%;
-  margin: var(--spacing-tiny);
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss

@@ -1,113 +0,0 @@
-.o-timeline {
-  margin: 0.55em 0 0;
-  padding: 0;
-
-  .c-timeline-item {
-    --timeline-item-color: var(--color-default);
-
-    position: relative;
-    padding: 0 0 1.5em;
-    list-style: none;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0.25em;
-      height: 100%;
-      margin-left: -1px;
-      border-left: 1px solid var(--color-default);
-      content: '';
-    }
-
-    &--last::before,
-    &--loading::before {
-      border-left-style: none;
-      content: '';
-    }
-
-    &::after {
-      position: absolute;
-      top: 0;
-      width: 0.5em;
-      height: 0.5em;
-      background-color: var(--timeline-item-color);
-      border-radius: 100%;
-      box-shadow: 0 0 0 4px #fff;
-      content: '';
-    }
-
-    &__body {
-      position: relative;
-      top: -0.55em;
-      margin: 0 0 0 1em;
-    }
-
-    &.c-timeline-item--brand::after {
-      --timeline-item-color: var(--color-brand);
-      content: '';
-    }
-
-    &.c-timeline-item--info::after {
-      --timeline-item-color: var(--color-info);
-      content: '';
-    }
-
-    &.c-timeline-item--warning::after {
-      --timeline-item-color: var(--color-warning);
-      content: '';
-    }
-
-    &.c-timeline-item--success::after {
-      --timeline-item-color: var(--color-success);
-      content: '';
-    }
-
-    &.c-timeline-item--error::after {
-      --timeline-item-color: var(--color-error);
-      content: '';
-    }
-  }
-
-  &.o-timeline--alternate {
-    .c-timeline-item {
-      &::before,
-      &::after {
-        left: 50%;
-        content: '';
-      }
-
-      &::after {
-        margin: 0 0 0 -0.25em;
-      }
-
-      &__body {
-        left: 50%;
-        width: 50%;
-      }
-
-      &--left .c-timeline-item__body {
-        left: 0;
-        margin: 0 0 0 -1em;
-        text-align: right;
-      }
-    }
-  }
-
-  &.o-timeline--loading {
-    .c-timeline-item--last::before {
-      border-left-style: dashed;
-      content: '';
-    }
-
-    .c-timeline-item--loading::after {
-      background-color: transparent;
-      border: 2px solid var(--color-default);
-    }
-
-    .c-timeline-item--loading {
-      .c-timeline-item__body {
-        color: var(--color-text);
-      }
-    }
-  }
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss

@@ -1,89 +0,0 @@
-@import 'mixins/objects.grid';
-
-.c-toggle {
-  @include grid;
-  @include grid--center;
-
-  width: auto;
-  user-select: none;
-
-  input:not(:checked) + .c-toggle__track {
-    background-color: var(--color-dark);
-
-    .c-toggle__handle {
-      transform: translateZ(0);
-    }
-  }
-
-  input:disabled + .c-toggle__track {
-    cursor: not-allowed;
-    opacity: var(--disabled-opacity);
-
-    .c-toggle__handle {
-      cursor: not-allowed;
-      opacity: var(--disabled-opacity);
-    }
-  }
-
-  input:active + .c-toggle__track,
-  input:focus + .c-toggle__track {
-    border-color: var(--border-color-focus);
-    box-shadow: var(--box-shadow-focus);
-
-    .c-toggle__handle {
-      border-color: var(--border-color-focus);
-      box-shadow: var(--box-shadow-focus), 0 1px 3px 1px var(--color-default);
-    }
-  }
-}
-
-.c-toggle--brand .c-toggle__track {
-  --toggle-track-color: var(--color-brand);
-}
-
-.c-toggle--info .c-toggle__track {
-  --toggle-track-color: var(--color-info);
-}
-
-.c-toggle--warning .c-toggle__track {
-  --toggle-track-color: var(--color-warning);
-}
-
-.c-toggle--success .c-toggle__track {
-  --toggle-track-color: var(--color-success);
-}
-
-.c-toggle--error .c-toggle__track {
-  --toggle-track-color: var(--color-error);
-}
-
-.c-toggle input {
-  position: absolute;
-  opacity: 0;
-}
-
-.c-toggle__track {
-  --toggle-track-color: var(--color-default);
-
-  @include grid__cell;
-  @include grid__cell--width-fixed;
-
-  position: relative;
-  width: 1em;
-  height: 0.5em;
-  margin: 0 0.5em;
-  background-color: var(--toggle-track-color);
-  border-radius: var(--border-radius-rounded);
-}
-
-.c-toggle__handle {
-  position: absolute;
-  top: -0.25em;
-  left: 0;
-  width: 1em;
-  height: 1em;
-  background-color: #fff;
-  border-radius: var(--border-radius-rounded);
-  box-shadow: 0 1px 3px 1px var(--color-default);
-  transform: translateX(100%);
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss

@@ -1,48 +0,0 @@
-@import 'mixins/components.buttons';
-
-.c-tree[role='tree'] {
-  display: block;
-  margin: 0;
-  padding: 0;
-
-  .c-tree[role='tree'] {
-    padding: 0 0 0 var(--spacing-medium);
-  }
-}
-
-.c-tree__item[role='treeitem'] {
-  @include button-nude;
-  display: block;
-  margin: var(--spacing-small);
-  padding: 0;
-  white-space: nowrap;
-
-  &::before {
-    display: inline-block;
-    padding: 0 var(--spacing-small) 0 0;
-    color: var(--color-default);
-    transform-origin: 30% 50%;
-    content: '–';
-  }
-
-  + .c-tree[role='tree'] {
-    display: none;
-  }
-}
-
-.c-tree__item[aria-expanded] {
-  &::before {
-    content: '\276F';
-  }
-}
-
-.c-tree__item[aria-expanded='true'] {
-  &::before {
-    transform: rotate(90deg);
-    content: '\276F';
-  }
-
-  + .c-tree[role='tree'] {
-    display: block;
-  }
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss

@@ -1,17 +0,0 @@
-html,
-:root,
-:host {
-  box-sizing: border-box;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-body {
-  margin: 0;
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss

@@ -1,37 +0,0 @@
-@import 'mixins/tools.mediaqueries';
-
-@mixin responsive-container($screen-width) {
-  @each $size, $width in $screen-limits {
-    &--#{$size}\@#{$screen-width} {
-      max-width: $width;
-    }
-  }
-}
-
-.o-container {
-  @include screen-and-up(xsmall) {
-    @include responsive-container(xsmall);
-  }
-  @include screen-and-up(small) {
-    @include responsive-container(small);
-  }
-  @include screen-and-up(medium) {
-    @include responsive-container(medium);
-  }
-  @include screen-and-up(large) {
-    @include responsive-container(large);
-  }
-  @include screen-and-up(xlarge) {
-    @include responsive-container(xlarge);
-  }
-  @include screen-and-up(super) {
-    @include responsive-container(super);
-  }
-
-  margin: auto;
-  @each $size, $width in $screen-limits {
-    &--#{$size} {
-      max-width: $width;
-    }
-  }
-}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss

@@ -1,91 +0,0 @@
-@import 'mixins/objects.grid';
-
-aside.o-drawer {
-  position: fixed;
-  z-index: var(--z-over-everything);
-  overflow-x: hidden;
-  overflow-y: auto;
-  color: inherit;
-  background-color: var(--color-background);
-  visibility: hidden;
-  -webkit-overflow-scrolling: touch;
-
-  .c-card {
-    background-color: transparent;
-    box-shadow: none;
-  }
-
-  &:not(.o-drawer--visible) {
-    &.u-high,
-    &.u-higher,
-    &.u-highest {
-      box-shadow: none;
-    }
-  }
-
-  &.o-drawer--bottom,
-  &.o-drawer--top {
-    left: 0;
-    width: 80%;
-    height: auto;
-    margin-left: 10%;
-    transform: translate(0, 0);
-  }
-
-  &.o-drawer--bottom {
-    top: 100%;
-    border-radius: var(--border-radius) var(--border-radius) 0 0;
-  }
-
-  &.o-drawer--bottom.o-drawer--visible {
-    transform: translateY(-99%);
-  }
-
-  &.o-drawer--top {
-    bottom: 100%;
-    border-radius: 0 0 var(--border-radius) var(--border-radius);
-  }
-
-  &.o-drawer--top.o-drawer--visible {
-    transform: translateY(99%);
-  }
-
-  &.o-drawer--left,
-  &.o-drawer--right {
-    top: 0;
-    width: 260px;
-    height: 100%;
-
-    .c-card__footer--block {
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-
-      .c-button {
-        border-radius: 0;
-      }
-    }
-  }
-
-  &.o-drawer--left {
-    left: 0;
-    transform: translateX(-100%);
-  }
-
-  &.o-drawer--left.o-drawer--visible {
-    transform: translateX(-1%);
-  }
-
-  &.o-drawer--right {
-    left: 100%;
-    transform: translate(0, 0);
-  }
-
-  &.o-drawer--right.o-drawer--visible {
-    transform: translateX(-99%);
-  }
-
-  &.o-drawer--visible {
-    visibility: visible;
-  }
-}