1 files changed, 6 insertions, 6 deletions

diff --git a/assets/scss/tale/_catalogue.scss b/assets/scss/tale/_catalogue.scss
index 0587bc5..ec065a1 100644
--- a/assets/scss/tale/_catalogue.scss
+++ b/assets/scss/tale/_catalogue.scss
@@ -1,7 +1,7 @@
 .catalogue {
   &-item {
-    border-bottom: 1px solid $grey-2;
-    color: $default-color;
+    border-bottom: 1px solid var(--grey-2);
+    color: var(--default-color);
     display: block;
     padding: 2rem 0;
 
@@ -16,13 +16,13 @@
   }
 
   &-time {
-    color: $default-tint;
+    color: var(--default-tint);
     font-family: $serif-secondary;
     letter-spacing: .5px;
   }
 
   &-title {
-    color: $default-shade;
+    color: var(--default-shade);
     display: block;
     font-family: $sans-serif;
     font-size: 2rem;
@@ -31,8 +31,8 @@
   }
 
   &-line {
-    @include transition(all .3s ease-out);
-    border-top: .2rem solid $default-shade;
+    @include transition($color-transition, width .3s ease-out);
+    border-top: .2rem solid var(--default-shade);
     display: block;
     width: 2rem;
   }