barbican-reset 2.3.1 → 2.3.2

package/helpers/mixins/_buttons.scss

@@ -41,8 +41,8 @@
   }
 }
 
-@mixin display-button($display: "ib", $gap: 1) {
-  @if $display == "ib" {
+@mixin display-button($display: 'ib', $gap: 1) {
+  @if $display == 'ib' {
     vertical-align: middle;
     display: inline-block;
 
@@ -50,7 +50,7 @@
       vertical-align: middle;
       display: inline-block;
     }
-  } @else if $display == "flex" {
+  } @else if $display == 'flex' {
     display: inline-flex;
     align-items: center;
     gap: #{$gap}rem;
@@ -191,20 +191,25 @@
   @include solid-button;
   min-width: 8rem;
 
-  &[disabled="disabled"] {
+  &[disabled='disabled'] {
     @include solid-button($c-grey-l21);
     cursor: not-allowed;
   }
 }
 
 @mixin btn-returns {
-  @include solid-button($padding: 0.75em, $font-size: $font-size-sm);
+  @include solid-button($padding: 0.75em);
+  white-space: nowrap;
 
   @include disabled {
     @include btn-outline-secondary;
   }
 }
 
+@mixin btn-cancel-returns {
+  @include solid-button($background: $c-grey-l21, $padding: 0.75em);
+}
+
 @mixin btn-outline-primary {
   @include outline-button;
 }
@@ -226,7 +231,7 @@
     $color: white,
     $background: $c-brand-generic,
     $border: 0.125rem,
-    $display: "flex"
+    $display: 'flex'
   );
 }
 
@@ -351,7 +356,7 @@
 }
 
 @mixin btn-cta {
-  @include solid-button($background: $c-grey-l21, $display: "flex");
+  @include solid-button($background: $c-grey-l21, $display: 'flex');
   fill: white;
 }
 
@@ -402,7 +407,7 @@
     @include btn-menu-focus;
   }
 
-  @include data("clicked") {
+  @include data('clicked') {
     @include btn-menu-focus;
   }
 }
@@ -423,7 +428,7 @@
     @include btn-menu-focus;
   }
 
-  @include data("clicked") {
+  @include data('clicked') {
     @include btn-menu-focus;
   }
 }

package/helpers/mixins/_table.scss

@@ -32,6 +32,7 @@
   }
 }
 
+@import "table/simple";
 @import "table/basket";
 @import "table/details";
 @import "table/etickets";

package/helpers/mixins/table/_simple.scss

@@ -0,0 +1,8 @@
+
+@mixin simple-table {
+  tr {
+    @include media-breakpoint-up(md) {
+      grid-template-columns: $columns-simple;
+    }
+  }
+}

package/helpers/variables/_columns.scss

@@ -1,9 +1,10 @@
 
-$columns-orders: 10rem 8rem auto 8rem;
+$columns-simple: auto 8rem;
 $columns-details--header: auto 10rem 8rem;
 $columns-details--checkbox: 2.75rem auto 10rem 8rem;
 $columns-etickets: 8rem auto 8rem;
 $columns-gifts: 3fr 5fr 5fr 2fr 2fr;
 $columns-membership: auto 10rem 10rem 8rem;
+$columns-orders: 10rem 8rem auto 8rem;
 $columns-preferences: auto repeat(2, 5rem);
 $columns-tickets: 2fr 5fr 5fr 2fr;

package/package.json

@@ -1,12 +1,12 @@
 {
   "_args": [
     [
-      "barbican-reset@2.3.1",
+      "barbican-reset@2.3.2",
       "/Users/pheading/Sites/eticketing-vue"
     ]
   ],
-  "_from": "barbican-reset@2.3.1",
-  "_id": "barbican-reset@2.3.1",
+  "_from": "barbican-reset@2.3.2",
+  "_id": "barbican-reset@2.3.2",
   "_inBundle": false,
   "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
   "_location": "/barbican-reset",
@@ -35,18 +35,18 @@
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "barbican-reset@2.3.1",
+    "raw": "barbican-reset@2.3.2",
     "name": "barbican-reset",
     "escapedName": "barbican-reset",
-    "rawSpec": "2.3.1",
+    "rawSpec": "2.3.2",
     "saveSpec": null,
-    "fetchSpec": "2.3.1"
+    "fetchSpec": "2.3.2"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.3.1.tgz",
-  "_spec": "2.3.1",
+  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.3.2.tgz",
+  "_spec": "2.3.2",
   "_where": "/Users/pheading/Sites/eticketing-vue",
   "author": {
     "name": "Paul Heading"
@@ -100,5 +100,5 @@
     "watch:patterns": "cd patterns && gulp watch"
   },
   "style": "dist/css/barbican-reset.css",
-  "version": "2.3.1"
+  "version": "2.3.2"
 }

package/scss/_btn.scss

@@ -94,6 +94,11 @@
     @include btn-returns;
   }
 
+  &.btn-cancel-returns {
+    // solid orange
+    @include btn-cancel-returns;
+  }
+
   &.btn-resale {
     // orange outline, fill on focus
     @include btn-resale;

package/scss/_table.scss

@@ -8,6 +8,7 @@ table {
   &.gifts { @include gifts-table; }
   &.etickets { @include etickets-table; }
   &.details.membership { @include membership-table; }
+  &.details.simple { @include simple-table; }
   &.preferences { @include preferences-table; }
   &.resale { @include resale-table; }
   &.section { @include section-table; }