blaze-css-rails 0.0.1

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

@@ -0,0 +1,9 @@
+@import "mixins/components.addresses";
+
+.c-address {
+  @include address;
+}
+
+.c-address__heading {
+  @include address__heading;
+}

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

@@ -0,0 +1,21 @@
+@import "mixins/components.alerts";
+
+.c-alerts__alert {
+  @include alerts__alert;
+}
+
+.c-alerts__alert--primary {
+  @include alerts__alert--primary;
+}
+
+.c-alerts__alert--secondary {
+  @include alerts__alert--secondary;
+}
+
+.c-alerts__alert--success {
+  @include alerts__alert--success;
+}
+
+.c-alerts__alert--error {
+  @include alerts__alert--error;
+}

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

@@ -0,0 +1,25 @@
+@import "mixins/components.badges";
+
+.c-badge {
+  @include badge;
+}
+
+.c-badge--rounded {
+  @include badge--rounded;
+}
+
+.c-badge--primary {
+  @include badge--primary;
+}
+
+.c-badge--secondary {
+  @include badge--secondary;
+}
+
+.c-badge--success {
+  @include badge--success;
+}
+
+.c-badge--error {
+  @include badge--error;
+}

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

@@ -0,0 +1,22 @@
+@import "mixins/components.bubbles";
+
+.c-bubble {
+  @include bubble;
+  @include bubble__arrow;
+}
+
+.c-bubble--top {
+  @include bubble__arrow--top;
+}
+
+.c-bubble--right {
+  @include bubble__arrow--right;
+}
+
+.c-bubble--bottom {
+  @include bubble__arrow--bottom;
+}
+
+.c-bubble--left {
+  @include bubble__arrow--left;
+}

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

@@ -0,0 +1,80 @@
+@import "mixins/components.buttons";
+
+.c-button {
+  @include button;
+}
+
+.c-button--close {
+  @include button--close;
+}
+
+.c-button--block {
+  @include button--block;
+}
+
+.c-button--rounded {
+  @include button--rounded;
+}
+
+.c-button--super {
+  @include button--super;
+}
+
+.c-button--xlarge {
+  @include button--xlarge
+}
+
+.c-button--large {
+  @include button--large
+}
+
+.c-button--medium {
+  @include button--medium
+}
+
+.c-button--small {
+  @include button--small
+}
+
+.c-button--xsmall {
+  @include button--xsmall
+}
+
+.c-button--primary { @include button--primary; }
+.c-button--secondary { @include button--secondary; }
+.c-button--success { @include button--success; }
+.c-button--error { @include button--error; }
+
+.c-button--ghost { @include button--ghost; }
+.c-button--ghost-primary { @include button--ghost-primary; }
+.c-button--ghost-secondary { @include button--ghost-secondary; }
+.c-button--ghost-success { @include button--ghost-success; }
+.c-button--ghost-error { @include button--ghost-error; }
+
+.c-button-group {
+  @include button-group;
+}
+
+.c-button-group {
+  .c-button {
+    @include button--grouped;
+  }
+}
+
+.c-button-group--rounded {
+  .c-button {
+    @include button-group--rounded;
+  }
+}
+
+.c-button-group [class*=" c-button--ghost"]:not(:first-child) {
+  @include button-group__button--ghost;
+}
+
+.c-button__icon-left {
+  @include button__icon-left;
+}
+
+.c-button__icon-right {
+  @include button__icon-right;
+}

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

@@ -0,0 +1,50 @@
+@import "mixins/components.calendars";
+
+.c-calendar {
+  @include calendar;
+}
+
+.c-calendar__control {
+  @include calendar__control;
+}
+
+.c-calendar__header {
+  @include calendar__header;
+}
+
+.c-calendar__day {
+  @include calendar__day;
+}
+
+.c-calendar__date {
+  @include calendar__date;
+
+  &:hover {
+    @include calendar__date--hover;
+  }
+}
+
+.c-calendar__date--in-month {
+  @include calendar__date--in-month;
+}
+
+.c-calendar__date--today {
+  @include calendar__date--today;
+}
+
+.c-calendar__date--selected,
+.c-calendar__date--selected:hover {
+  @include calendar__date--selected;
+}
+
+.c-calendar--high {
+  @include calendar--high;
+}
+
+.c-calendar--higher {
+  @include calendar--higher;
+}
+
+.c-calendar--highest {
+  @include calendar--highest;
+}

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

@@ -0,0 +1,92 @@
+@import "mixins/components.cards";
+
+.c-card {
+  @include card;
+}
+
+.c-card + .c-card {
+  @include card-spacing;
+}
+
+.c-card .c-paragraph:first-child,
+.c-card .c-paragraph:last-child {
+  @include card-first-last-paragraph;
+}
+
+.c-card__content {
+  @include card__content;
+}
+
+.c-card__content--divider {
+  @include card__content--divider;
+}
+
+.c-card__item {
+  @include card__item;
+}
+
+.c-card__item--divider {
+  @include card__item--divider;
+}
+
+.c-card--grouped {
+  .c-card__item {
+    @include card__item--borderless;
+  }
+}
+
+.c-card__group-divider {
+  @include card__group-divider;
+}
+
+.c-card--primary {
+  .c-card__content--divider {
+    @include card__content--primary-divider;
+  }
+
+  .c-card__item--divider {
+    @include card__item--primary-divider;
+  }
+}
+
+.c-card--secondary {
+  .c-card__content--divider {
+    @include card__content--secondary-divider;
+  }
+
+  .c-card__item--divider {
+    @include card__item--secondary-divider;
+  }
+}
+
+.c-card--success {
+  .c-card__content--divider {
+    @include card__content--success-divider;
+  }
+
+  .c-card__item--divider {
+    @include card__item--success-divider;
+  }
+}
+
+.c-card--error {
+  .c-card__content--divider {
+    @include card__content--error-divider;
+  }
+
+  .c-card__item--divider {
+    @include card__item--error-divider;
+  }
+}
+
+.c-card--high {
+  @include card--high;
+}
+
+.c-card--higher {
+  @include card--higher;
+}
+
+.c-card--highest {
+  @include card--highest;
+}

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

@@ -0,0 +1,81 @@
+@import "mixins/components.drawers";
+
+.c-drawer {
+  @include drawer;
+}
+
+.c-drawer--bottom {
+  @include drawer--bottom;
+}
+
+.c-drawer--bottom.c-drawer--visible {
+  @include drawer--bottom--visible;
+}
+
+.c-drawer--top {
+  @include drawer--top;
+}
+
+.c-drawer--top.c-drawer--visible {
+  @include drawer--top--visible;
+}
+
+.c-drawer--left {
+  @include drawer--left;
+
+  .c-drawer__footer--block {
+    @include drawer__footer--bottom;
+  }
+}
+
+.c-drawer--left.c-drawer--visible {
+  @include drawer--left--visible;
+}
+
+.c-drawer--right {
+  @include drawer--right;
+
+  .c-drawer__footer--block {
+    @include drawer__footer--bottom;
+  }
+}
+
+.c-drawer--right.c-drawer--visible {
+  @include drawer--right--visible;
+}
+
+.c-drawer .c-heading {
+  @include drawer__heading;
+}
+
+.c-drawer .c-menu {
+  @include drawer__menu;
+}
+
+.c-drawer__body {
+  @include drawer__body;
+}
+
+.c-drawer__footer {
+  @include drawer__footer;
+}
+
+.c-drawer__footer--block {
+  @include drawer__footer--block;
+
+  .c-button {
+    @include drawer__footer-button--block;
+  }
+}
+
+.c-drawer--visible.c-drawer--high {
+  @include drawer--high;
+}
+
+.c-drawer--visible.c-drawer--higher {
+  @include drawer--higher;
+}
+
+.c-drawer--visible.c-drawer--highest {
+  @include drawer--highest;
+}

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

@@ -0,0 +1,33 @@
+@import "mixins/components.headings";
+
+.c-heading {
+  @include heading;
+}
+
+.c-heading--super {
+  @include heading--super;
+}
+
+.c-heading--xlarge {
+  @include heading--xlarge;
+}
+
+.c-heading--large {
+  @include heading--large;
+}
+
+.c-heading--medium {
+  @include heading--medium;
+}
+
+.c-heading--small {
+  @include heading--small;
+}
+
+.c-heading--xsmall {
+  @include heading--xsmall;
+}
+
+.c-heading__sub {
+  @include heading__subheading;
+}

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

@@ -0,0 +1,23 @@
+@import "mixins/components.hints";
+
+.c-hint {
+  @include hint;
+}
+
+.c-field:focus + .c-hint,
+.c-label__field:focus + .c-hint {
+  @include hint--active;
+}
+
+.c-hint--static,
+.c-hint--static {
+  @include hint--active;
+}
+
+.c-hint--success {
+  @include hint--success;
+}
+
+.c-hint--error {
+  @include hint--error;
+}