From babe537b56c5369dd4a8e780ad1a1857be0748d5 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Sat, 17 Apr 2021 12:51:45 +0200
Subject: [PATCH] chore(css-theme): Better example & bartack styling

---
 packages/css-theme/src/components/_draft.scss   | 12 ++----------
 packages/css-theme/src/components/_example.scss |  6 ++----
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/packages/css-theme/src/components/_draft.scss b/packages/css-theme/src/components/_draft.scss
index 290b5bd5b9c..2f7932548de 100644
--- a/packages/css-theme/src/components/_draft.scss
+++ b/packages/css-theme/src/components/_draft.scss
@@ -189,11 +189,7 @@ svg.freesewing.draft text {
     fill: $fc-bg-dark;
   }
   path.bartack {
-    stroke: $fc-draft-fabric-light;
-    stroke-width: 2;
-    stroke: #fd7e14;
-    stroke-opacity: 0.7;
-    stroke-linecap: butt;
+    stroke: $fc-draft-mark-light;
   }
   path.logo {
     fill: currentColor;
@@ -305,11 +301,7 @@ svg.freesewing.draft text {
     fill: $fc-bg-light;
   }
   path.bartack {
-    stroke: $fc-draft-fabric-light;
-    stroke-width: 2;
-    stroke: #ff922b;
-    stroke-opacity: 0.7;
-    stroke-linecap: butt;
+    stroke: $fc-draft-mark-dark;
   }
   path.logo {
     fill: currentColor;
diff --git a/packages/css-theme/src/components/_example.scss b/packages/css-theme/src/components/_example.scss
index fdd30c703b6..ef57b9b6595 100644
--- a/packages/css-theme/src/components/_example.scss
+++ b/packages/css-theme/src/components/_example.scss
@@ -1,4 +1,5 @@
 figure.example {
+  border: 1px solid transparent;
   div.example {
     position: relative;
     div.actions {
@@ -9,7 +10,7 @@ figure.example {
   }
 }
 figure.design.example {
-  border: 1px solid $oc-gray-4;
+  border-color: $oc-gray-4;
   svg.freesewing.draft.design {
     border-bottom: 1px solid $oc-gray-4;
   }
@@ -17,6 +18,3 @@ figure.design.example {
     display: none;
   }
 }
-
-.theme-wrapper.dark figure.example div.example {
-}