activeadmin_blaze_theme 0.6.2 → 0.7.8

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss

@@ -0,0 +1,27 @@
+@import "mixins/settings.global";
+
+.c-hint {
+  position: absolute;
+  padding: $hint-padding;
+  transform: scale(.8);
+  transform-origin: top left;
+  color: $hint-color;
+  font-size: $hint-font-size;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.c-hint--static,
+.c-field:focus ~ .c-hint,
+.c-label__field:focus ~ .c-hint {
+  transform: scale(.9);
+  opacity: 1;
+}
+
+.c-hint--success {
+  color: $hint-success-color;
+}
+
+.c-hint--error {
+  color: $hint-error-color;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss

@@ -0,0 +1,163 @@
+@import "mixins/objects.grid";
+@import "mixins/components.inputs";
+
+// INPUT GROUP
+.c-input-group {
+  @include grid;
+
+  .c-button {
+    border-radius: 0;
+
+    &:not(:first-child) {
+      border-left-width: 0;
+    }
+
+    &:first-child {
+      border-top-left-radius: $border-radius;
+      border-bottom-left-radius: $border-radius;
+    }
+
+    &:last-child {
+      border-top-right-radius: $border-radius;
+      border-bottom-right-radius: $border-radius;
+    }
+  }
+
+  .o-field {
+    @include grid__cell--fit;
+
+    .c-field {
+      border-radius: 0;
+    }
+
+    &:not(:first-child) .c-field {
+      border-left-width: 0;
+    }
+
+    &:first-child .c-field {
+      border-top-left-radius: $border-radius;
+      border-bottom-left-radius: $border-radius;
+    }
+
+    &:last-child .c-field {
+      border-top-right-radius: $border-radius;
+      border-bottom-right-radius: $border-radius;
+    }
+
+    &--fixed {
+      @include grid__cell--width-fixed;
+    }
+  }
+}
+
+.c-input-group--rounded {
+  .c-button {
+    &:first-child {
+      border-top-left-radius: $border-radius-rounded;
+      border-bottom-left-radius: $border-radius-rounded;
+    }
+
+    &:last-child {
+      border-top-right-radius: $border-radius-rounded;
+      border-bottom-right-radius: $border-radius-rounded;
+    }
+  }
+
+  .o-field {
+    &:first-child .c-field {
+      border-top-left-radius: $border-radius-rounded;
+      border-bottom-left-radius: $border-radius-rounded;
+    }
+
+    &:last-child .c-field {
+      border-top-right-radius: $border-radius-rounded;
+      border-bottom-right-radius: $border-radius-rounded;
+    }
+  }
+}
+
+.c-input-group--rounded-left {
+  .c-button {
+    &:first-child {
+      border-top-left-radius: $border-radius-rounded;
+      border-bottom-left-radius: $border-radius-rounded;
+    }
+  }
+
+  .o-field {
+    &:first-child .c-field {
+      border-top-left-radius: $border-radius-rounded;
+      border-bottom-left-radius: $border-radius-rounded;
+    }
+  }
+}
+
+.c-input-group--rounded-right {
+  .c-button {
+    &:last-child {
+      border-top-right-radius: $border-radius-rounded;
+      border-bottom-right-radius: $border-radius-rounded;
+    }
+  }
+
+  .o-field {
+    &:last-child .c-field {
+      border-top-right-radius: $border-radius-rounded;
+      border-bottom-right-radius: $border-radius-rounded;
+    }
+  }
+}
+
+.c-input-group--stacked {
+  @include grid;
+  @include grid--wrap;
+
+  .o-field:not(:first-child) .c-field {
+    border-left-width: $field-border-width;
+  }
+
+  .c-button:not(:first-child) {
+    border-left-width: $button-border-width;
+  }
+
+  .o-field,
+  .c-button {
+    @include grid__cell--full;
+  }
+
+  .c-button {
+    &:not(:first-child) {
+      border-top: 0;
+    }
+
+    &:not(:first-child):not(:last-child) {
+      border-radius: 0;
+    }
+
+    &:first-child {
+      border-radius: $field-border-radius $field-border-radius 0 0;
+    }
+
+    &:last-child {
+      border-radius: 0 0 $field-border-radius $field-border-radius;
+    }
+  }
+
+  .o-field {
+    &:not(:first-child) .c-field {
+      border-top: 0;
+    }
+
+    &:not(:first-child):not(:last-child) .c-field {
+      border-radius: 0;
+    }
+
+    &:first-child .c-field {
+      border-radius: $field-border-radius $field-border-radius 0 0;
+    }
+
+    &:last-child .c-field {
+      border-radius: 0 0 $field-border-radius $field-border-radius;
+    }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss

@@ -0,0 +1,135 @@
+@import "mixins/components.inputs";
+
+.o-field {
+  position: relative;
+
+  .c-field:disabled ~ .c-icon {
+    color: $field-disabled-border-color;
+  }
+
+  .c-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.o-field--icon-right {
+  .c-field + .c-icon {
+    right: $field-padding;
+  }
+
+  .c-field {
+    padding-right: $field-padding * 4;
+  }
+}
+
+.o-field--icon-left {
+  .c-icon:first-child {
+    left: $field-padding;
+  }
+
+  .c-field {
+    padding-left: $field-padding * 4;
+  }
+}
+
+.c-fieldset,
+.c-fieldset.c-list {
+  display: block;
+  width: $fieldset-width;
+  margin: $fieldset-margin;
+  padding: $fieldset-padding;
+  border: $fieldset-border;
+}
+
+.c-fieldset__legend {
+  @include label;
+  padding: $legend-padding;
+}
+
+// LABELS
+.c-label {
+  @include label;
+}
+
+// TEXT FIELDS
+.c-field {
+  display: block;
+  width: 100%;
+  margin: $field-margin;
+  padding: $field-padding;
+  border: $field-border;
+  border-radius: $field-border-radius;
+  outline: 0;
+  background-color: $field-background-color;
+  font-family: inherit;
+  font-size: $field-font-size;
+  font-weight: $field-font-weight;
+  resize: vertical;
+  appearance: none;
+
+  &:focus {
+    border-color: $field-focus-border-color;
+    box-shadow: $field-focus-box-shadow;
+  }
+}
+
+// SELECTS, CHECKBOXES AND RADIOS
+select.c-field {
+  cursor: pointer;
+
+  &::-ms-expand {
+    display: none;
+  }
+}
+
+// SELECTS
+select.c-field:not([multiple]) {
+  padding-right: 1em;
+  background-image: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==");
+  background-repeat: no-repeat;
+  background-position: 99% 50%;
+}
+
+// CHECKBOXES and RADIOs
+.c-field input {
+  margin-right: $checkbox-margin;
+  outline: 0;
+  font-size: $checkbox-font-size;
+}
+
+.c-field--label {
+  margin: $label-field-margin;
+}
+
+.c-field--error {
+  border-color: $field-error-border-color;
+  color: $field-error-color;
+}
+
+.c-field--success {
+  border-color: $field-success-border-color;
+  color: $field-success-color;
+}
+
+.c-field--choice {
+  border: $checkbox-border;
+  border-radius: 0;
+  background-color: $checkbox-background-color;
+}
+
+.c-fieldset--disabled .c-field,
+.c-fieldset:disabled .c-field,
+.c-field--disabled,
+.c-field:disabled {
+  @include field--disabled;
+
+  &.c-field--choice {
+    background-color: $checkbox-background-color;
+  }
+}
+
+.c-field input:disabled {
+  @include disabled;
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss

@@ -0,0 +1,31 @@
+@import "mixins/components.links";
+
+.c-link {
+  @include link--color;
+  text-decoration: $link-text-decoration;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: $link-hover-text-decoration;
+  }
+}
+
+.c-link--brand {
+  @include link--color($link-brand-color);
+}
+
+.c-link--info {
+  @include link--color($link-info-color);
+}
+
+.c-link--warning {
+  @include link--color($link-warning-color);
+}
+
+.c-link--success {
+  @include link--color($link-success-color);
+}
+
+.c-link--error {
+  @include link--color($link-error-color);
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss

@@ -0,0 +1,60 @@
+@import "mixins/components.lists";
+
+.c-list {
+  display: block;
+  margin: $list-margin;
+  padding: $list-padding;
+  list-style-position: outside;
+}
+
+.c-list .c-list {
+  padding: $list-nested-padding;
+}
+
+.c-list__item {
+  padding: $list-item-padding;
+}
+
+.c-list__item--unstyled {
+  list-style: $list-item-unstyled-list-style;
+}
+
+.c-list--unstyled {
+  @include list--unstyled;
+}
+
+.c-list--ordered {
+  @include list--unstyled;
+  counter-reset: ordered;
+
+  .c-list__item {
+    &:before {
+      padding: $list-ordered-item-padding;
+      content: counters(ordered, ".") " ";
+      counter-increment: ordered;
+    }
+  }
+}
+
+.c-list--inline {
+  @include list--inline;
+
+  .c-list--inline {
+    @include list--inline;
+  }
+
+  .c-list__item {
+    display: inline-block;
+    width: auto;
+    padding-right: $list-inline-item-padding-right;
+  }
+
+  &:not(.c-list--unstyled) {
+    .c-list__item {
+      &:before {
+        padding: $list-inline-item-bullet-padding;
+        content: $list-inline-item-bullet-content;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss

@@ -0,0 +1,126 @@
+@import "mixins/components.navs";
+
+.c-nav {
+  @include nav--color;
+  width: $nav-width;
+  margin: $nav-margin;
+  padding: $nav-padding;
+  z-index: $nav-z-index;
+}
+
+.c-nav__item,
+.c-nav__content {
+  display: block;
+  height: $nav-height;
+  padding: 0 $nav-item-padding;
+  color: inherit;
+  line-height: $nav-height;
+  vertical-align: middle;
+
+  .o-image {
+    height: 100%;
+  }
+}
+
+.c-nav__item {
+  @include nav__item--color;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.c-nav--inline {
+  .c-nav__item,
+  .c-nav__content {
+    display: inline-block;
+  }
+
+  .c-nav__item--right,
+  .c-nav__content--right {
+    float: right;
+  }
+}
+
+.c-nav--light {
+  @include nav--color($nav-light-background-color, $nav-light-color);
+}
+
+.c-nav--top {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: auto;
+  left: 0;
+
+}
+
+.c-nav--bottom {
+  position: absolute;
+  top: auto;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.c-nav--left {
+  position: absolute;
+  top: 0;
+  right: auto;
+  bottom: 0;
+  left: 0;
+}
+
+.c-nav--right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: auto;
+}
+
+.c-nav--fixed {
+  position: fixed;
+}
+
+.c-nav__item--active {
+  @include nav__item--active;
+}
+
+.c-nav__item--brand {
+  @include nav__item--color($nav-item-brand-hover-background-color, $nav-item-brand-hover-color);
+
+  &.c-nav__item--active {
+    @include nav__item--active($nav-item-brand-active-background-color, $nav-item-brand-active-color);
+  }
+}
+
+.c-nav__item--info {
+  @include nav__item--color($nav-item-info-hover-background-color, $nav-item-info-hover-color);
+
+  &.c-nav__item--active {
+    @include nav__item--active($nav-item-info-active-background-color, $nav-item-info-active-color);
+  }
+}
+
+.c-nav__item--warning {
+  @include nav__item--color($color-warning);
+
+  &.c-nav__item--active {
+    @include nav__item--active($nav-item-warning-active-background-color, $nav-item-warning-active-color);
+  }
+}
+
+.c-nav__item--success {
+  @include nav__item--color($color-success);
+
+  &.c-nav__item--active {
+    @include nav__item--active($nav-item-success-active-background-color, $nav-item-success-active-color);
+  }
+}
+
+.c-nav__item--error {
+  @include nav__item--color($color-error);
+
+  &.c-nav__item--active {
+    @include nav__item--active($nav-item-error-active-background-color, $nav-item-error-active-color);
+  }
+}