blaze-css-rails 0.0.1

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

@@ -0,0 +1,104 @@
+@import "mixins/settings.global";
+@import "mixins/components.navs";
+
+.c-nav {
+  @include nav;
+}
+
+.c-nav__content {
+  @include nav__content;
+}
+
+.c-nav__item {
+  @include nav__item;
+}
+
+.c-nav--inline {
+  .c-nav__content {
+    @include nav--inline__item;
+  }
+
+  .c-nav__content--right {
+    @include nav__item--right;
+  }
+
+  .c-nav__item {
+    @include nav--inline__item;
+  }
+
+  .c-nav__item--right {
+    @include nav__item--right;
+  }
+}
+
+.c-nav--light {
+  @include nav--light;
+}
+
+.c-nav--top {
+  @include nav--top;
+}
+
+.c-nav--bottom {
+  @include nav--bottom;
+}
+
+.c-nav--left {
+  @include nav--left;
+}
+
+.c-nav--right {
+  @include nav--right;
+}
+
+.c-nav--fixed {
+  @include nav--fixed;
+}
+
+.c-nav--high {
+  @include nav--high;
+}
+
+.c-nav--higher {
+  @include nav--higher;
+}
+
+.c-nav--highest {
+  @include nav--highest;
+}
+
+.c-nav__item--active {
+  @include nav__item--active;
+}
+
+.c-nav__item--primary {
+  @include nav__item--primary;
+
+  &.c-nav__item--active {
+    @include nav__item--active-primary;
+  }
+}
+
+.c-nav__item--secondary {
+  @include nav__item--secondary;
+
+  &.c-nav__item--active {
+    @include nav__item--active-secondary;
+  }
+}
+
+.c-nav__item--success {
+  @include nav__item--success;
+
+  &.c-nav__item--active {
+    @include nav__item--active-success;
+  }
+}
+
+.c-nav__item--error {
+  @include nav__item--error;
+
+  &.c-nav__item--active {
+    @include nav__item--active-error;
+  }
+}

data/app/assets/stylesheets/components.overlays.scss

@@ -0,0 +1,17 @@
+@import "mixins/components.overlays";
+
+.c-overlay {
+  @include overlay;
+}
+
+.c-overlay--fullpage {
+  @include overlay--fullpage;
+}
+
+.c-overlay--transparent {
+  @include overlay--transparent;
+}
+
+.c-overlay--dismissable {
+  @include overlay--dismissable;
+}

data/app/assets/stylesheets/components.pagination.scss

@@ -0,0 +1,33 @@
+@import "mixins/components.pagination";
+
+.c-pagination {
+  @include pagination;
+}
+
+.c-pagination__controls {
+  @include pagination__controls;
+}
+
+.c-pagination__controls--backward {
+  @include pagination__controls--backward;
+}
+
+.c-pagination__controls--forward {
+  @include pagination__controls--forward;
+}
+
+.c-pagination__control {
+  @include pagination__control;
+}
+
+.c-pagination__page {
+  @include pagination__page;
+}
+
+.c-pagination__page--current {
+  @include pagination__page--current;
+}
+
+.c-pagination__ellipsis {
+  @include pagination__ellipsis;
+}

data/app/assets/stylesheets/components.ranges.scss

@@ -0,0 +1,86 @@
+@import "mixins/components.ranges";
+
+.c-range {
+  @include range;
+  @include range--color;
+}
+
+.c-range--primary { @include range--primary; }
+.c-range--secondary { @include range--secondary; }
+.c-range--success { @include range--success; }
+.c-range--error { @include range--error; }
+
+.c-range::-webkit-slider-runnable-track {
+  @include range__track;
+}
+
+.c-range::-webkit-slider-thumb {
+  @include range__thumb;
+  @include range__thumb--webkit;
+}
+
+.c-range::-moz-range-track {
+  @include range__track;
+}
+
+.c-range::-moz-range-thumb {
+  @include range__thumb;
+}
+
+.c-range::-ms-track {
+  @include range__track;
+  @include range__track--ms;
+}
+
+.c-range::-ms-fill-lower, .c-range::-ms-fill-upper {
+  @include range__fill--ms;
+}
+
+.c-range::-ms-thumb {
+  @include range__thumb;
+}
+
+.c-range:not(:disabled):active {
+  &::-webkit-slider-thumb {
+    @include range__thumb--active;
+  }
+  &::-moz-range-thumb {
+    @include range__thumb--active;
+  }
+  &::-ms-thumb {
+    @include range__thumb--active;
+  }
+}
+
+.c-range:focus {
+  &::-webkit-slider-thumb {
+    @include range__thumb--focus;
+  }
+  &::-moz-range-thumb {
+    @include range__thumb--focus;
+  }
+  &::-ms-thumb {
+    @include range__thumb--focus;
+  }
+}
+
+.c-range:disabled {
+  &::-webkit-slider-thumb {
+    @include range--disabled;
+  }
+  &::-webkit-slider-runnable-track {
+    @include range--disabled;
+  }
+  &::-moz-range-thumb {
+    @include range--disabled;
+  }
+  &::-moz-range-track {
+    @include range--disabled;
+  }
+  &::-ms-thumb {
+    @include range--disabled;
+  }
+  &::-ms-track {
+    @include range--disabled;
+  }
+}

data/app/assets/stylesheets/components.tables.scss

@@ -0,0 +1,53 @@
+@import "mixins/components.tables";
+
+.c-table {
+  @include table;
+}
+
+.c-table__caption {
+  @include table__caption;
+}
+
+.c-table__row,
+.c-table__head,
+.c-table__body {
+  @include table__row;
+}
+
+.c-table--striped :not(.c-table__row--heading).c-table__row:nth-of-type(odd) {
+  @include table__row--striped;
+}
+
+.c-table__cell {
+  @include table__cell;
+}
+
+.c-table__row--heading .c-table__cell {
+  @include table__heading;
+}
+
+.c-table--striped .c-table__row--heading .c-table__cell {
+  @include table__heading--striped;
+}
+
+.c-table--clickable :not(.c-table__row--heading).c-table__row:hover .c-table__cell,
+.c-table__row--clickable:hover .c-table__cell {
+  @include table-clickable;
+}
+
+.c-table__row--inactive {
+  @include table-inactive;
+}
+
+.c-table--clickable .c-table__row--inactive:hover .c-table__cell,
+.c-table__row--clickable.c-table__row--inactive:hover .c-table__cell {
+  @include table-clickable--inactive;
+}
+
+.c-table--condensed {
+  @include table--condensed;
+
+  .c-table__cell {
+    @include table__cell--condensed;
+  }
+}

data/app/assets/stylesheets/components.tabs.scss

@@ -0,0 +1,45 @@
+@import "mixins/components.tabs";
+
+.c-tabs {
+  @include tabs;
+}
+
+.c-tabs__headings {
+  @include tabs__headings;
+}
+
+.c-tab-heading {
+  @include tab-heading;
+}
+
+.c-tab-heading--active {
+  @include tab-heading--color;
+}
+
+.c-tabs--primary .c-tab-heading--active {
+  @include tab-heading--primary;
+}
+
+.c-tabs--secondary .c-tab-heading--active {
+  @include tab-heading--secondary;
+}
+
+.c-tabs--error .c-tab-heading--active {
+  @include tab-heading--error;
+}
+
+.c-tabs--success .c-tab-heading--active {
+  @include tab-heading--success;
+}
+
+.c-tab-heading--disabled {
+  @include tab-heading--disabled;
+}
+
+.c-tabs__tab {
+  @include tabs__tab;
+}
+
+.c-tabs__tab--active {
+  @include tabs__tab--active;
+}

data/app/assets/stylesheets/components.tags.scss

@@ -0,0 +1,25 @@
+@import "mixins/components.tags";
+
+.c-tags {
+  @include tags;
+}
+
+.c-tags .c-menu {
+  @include tags-menu;
+}
+
+.c-tags__container {
+  @include tags__container;
+}
+
+.c-tag {
+  @include tag;
+}
+
+.c-tag__close {
+  @include tag__close;
+}
+
+.c-tags__field-container {
+  @include tags__field-container;
+}

data/app/assets/stylesheets/components.toasts.scss

@@ -0,0 +1,41 @@
+@import "mixins/components.toasts";
+
+.c-toasts {
+  @include toasts;
+}
+
+.c-toasts--topleft {
+  @include toasts--topleft;
+}
+
+.c-toasts--topright {
+  @include toasts--topright;
+}
+
+.c-toasts--bottomleft {
+  @include toasts--bottomleft;
+}
+
+.c-toasts--bottomright {
+  @include toasts--bottomright;
+}
+
+.c-toast {
+  @include toast;
+}
+
+.c-toast--primary {
+  @include toast--primary;
+}
+
+.c-toast--secondary {
+  @include toast--secondary;
+}
+
+.c-toast--success {
+  @include toast--success;
+}
+
+.c-toast--error {
+  @include toast--error;
+}

data/app/assets/stylesheets/components.toggles.scss

@@ -0,0 +1,49 @@
+@import "mixins/components.toggles";
+
+.c-toggle {
+  @include toggle;
+
+  input:not(:checked) + .c-toggle__track {
+    @include toggle__track--unchecked;
+
+    .c-toggle__handle {
+      @include toggle__handle--unchecked;
+    }
+  }
+
+  input:disabled + .c-toggle__track {
+    @include toggle__track--disabled;
+
+    .c-toggle__handle {
+      @include toggle__handle--disabled;
+    }
+  }
+}
+
+.c-toggle--primary .c-toggle__track {
+  @include toggle__track--primary;
+}
+
+.c-toggle--secondary .c-toggle__track {
+  @include toggle__track--secondary;
+}
+
+.c-toggle--success .c-toggle__track {
+  @include toggle__track--success;
+}
+
+.c-toggle--error .c-toggle__track {
+  @include toggle__track--error;
+}
+
+.c-toggle input {
+  @include toggle__checkbox;
+}
+
+.c-toggle__track {
+  @include toggle__track;
+}
+
+.c-toggle__handle {
+  @include toggle__handle;
+}