barbican-reset 1.4.6 → 1.4.7

package/components/skip_link.vue

@@ -19,20 +19,14 @@ export default {
 <style lang="scss" module>
 
 .skiplink {
-  border: 0.25rem solid $black;
+  border: 0.25rem solid $c-grey-night;
+  border-radius: $border-radius-lg;
   background-color: $white;
-  display: inline-block;
-  border-radius: 0.5rem;
+  color: $c-grey-night;
   position: absolute;
   padding: 0.5rem;
-  color: $black;
-  margin: auto;
-  width: 12rem;
   z-index: -1;
-  top: 0.5rem;
   opacity: 0;
-  right: 0;
-  left: 0;
   
   @include focus {
     opacity: 1;

package/helpers/mixins/index.scss

@@ -17,4 +17,12 @@
 @import "festival.scss";
 @import "focus.scss";
 @import "font.scss";
-@import "loading.scss";
+@import "loading.scss";
+
+@mixin table_link {
+  @include focus {
+    @include single-box($c-grey-night);
+    background-color: $c-grey-night;
+    color: $white;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "barbican-reset",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
   "main": "index.js",
   "scripts": {

package/scss/table/_etickets.scss

@@ -51,4 +51,8 @@ table.etickets {
       display: none;
     }
   }
+
+  a {
+    @include table_link;
+  }
 }

package/scss/table/_orders.scss

@@ -13,7 +13,7 @@ table.orders {
     }
   }
 
-  thead tr, tbody tr.active {
+  thead tr, tbody tr {
     border: 1px solid $c-grey-pearl;
     display: grid;
 
@@ -44,6 +44,12 @@ table.orders {
     }
   }
 
+  tr.full-width {
+    justify-content: center;
+    grid-template: none;
+    border: none;
+  }
+
   label {
     font-size: $font-size-lg;
 
@@ -51,4 +57,8 @@ table.orders {
       display: none;
     }
   }
+
+  a {
+    @include table_link;
+  }
 }