activeadmin_blaze_theme 0.7.0 → 0.7.10

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss

@@ -0,0 +1,25 @@
+@import "settings.global";
+
+@mixin text--highlight($color: $highlight-color, $background-color: $highlight-background-color) {
+  margin: 0 -$spacing-tiny;
+  padding: $spacing-xsmall $spacing-xsmall $spacing-tiny;
+  background-color: $background-color;
+  color: $color;
+}
+
+@mixin paragraph {
+  display: block;
+  margin: 0;
+  padding: $spacing-small 0;
+}
+
+@mixin code($color: $code-color, $background-color: $code-background-color) {
+  @include text--highlight($color, $background-color);
+  display: inline;
+  font-family: $text-font-family-mono;
+  font-weight: $text-font-weight;
+}
+
+@mixin quotation--color($border-color: $quotation-border-color) {
+  border-left: $quotation-border-width $quotation-border-style $border-color;
+}

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

@@ -0,0 +1,10 @@
+@import "settings.global";
+@import "tools.mediaqueries";
+
+@mixin containers__responsive($screen-width) {
+  @each $size, $width in $screen-limits {
+    &--#{$size}\@#{$screen-width} {
+      max-width: $width;
+    }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss

@@ -1,32 +1,8 @@
-@import 'utilities.visibility';
-
-$grid-widths: (
-  5: 5 / 100,
-  10: 1 / 10,
-  15: 15 / 100,
-  20: 1 / 5,
-  25: 1 / 4,
-  30: 3 / 10,
-  33: 1 / 3,
-  35: 35 / 100,
-  40: 2 / 5,
-  45: 45 / 100,
-  50: 1 / 2,
-  55: 55 / 100,
-  60: 3 / 5,
-  65: 65 / 100,
-  66: 2 / 3,
-  70: 7 / 10,
-  75: 3 / 4,
-  80: 4 / 5,
-  85: 85 / 100,
-  90: 9 / 10,
-  95: 95 / 100,
-  100: 1,
-) !default;
+@import "settings.global";
+@import "utilities.visibility";
 
 @mixin grid {
-  display: flex;
+  @include display-flex;
 }
 
 @mixin grid--wrap {
@@ -47,13 +23,13 @@ $grid-widths: (
 
 @mixin grid__cell {
   flex: 1;
-  padding-right: var(--grid-gutter);
-  padding-left: var(--grid-gutter);
+  padding-right: $grid-gutter;
+  padding-left: $grid-gutter;
 }
 
 @mixin grid__cell--no-gutter {
-  padding-right: 0.001em;
-  padding-left: 0.001em;
+  padding-right: .001em;
+  padding-left: .001em;
 }
 
 @mixin grid__cell--top {
@@ -86,16 +62,12 @@ $grid-widths: (
   margin-left: 0;
 }
 
-@mixin grid__cell--auto {
-  flex: auto;
-}
-
 @mixin grid__cell--hidden {
-  display: none;
+  @include display-none;
 }
 
 @mixin grid__cell--visible {
-  display: initial;
+  @include display-initial;
 }
 
 @mixin grid__cell--width($width) {
@@ -118,7 +90,7 @@ $grid-widths: (
 @mixin grid__responsive-cells($screen-width) {
   @each $width, $fraction in $grid-widths {
     &--hidden\@#{$screen-width} {
-      @include grid__cell--hidden;
+      @include grid__cell--hidden
     }
 
     &--visible\@#{$screen-width} {