feat(YfmCut): add a border when hovering (#102)

Author: d3m1d0v

src/extensions/yfm/YfmCut/index.scss

@@ -0,0 +1,5 @@
+@use '../../../styles/mixins.scss';
+
+.ProseMirror.yfm .yfm-cut {
+    @include mixins.block-border-hover();
+}

src/extensions/yfm/YfmCut/index.ts

@@ -8,6 +8,8 @@ import {YfmCutTitleNodeView} from './nodeviews/yfm-cut-title';
 import {cutAutoOpenPlugin} from './plugins/auto-open';
 import {YfmCutSpecs, YfmCutSpecsOptions} from './YfmCutSpecs';
 
+import './index.scss';
+
 const cutAction = 'toYfmCut';
 
 export {CutNode, cutType, cutTitleType, cutContentType} from './YfmCutSpecs';

src/extensions/yfm/YfmTabs/index.scss

@@ -1,13 +1,8 @@
+@use '../../../styles/mixins.scss';
+
 .ProseMirror {
     .yfm-tabs {
-        border-width: 1px;
-        border-style: dashed;
-        border-color: transparent;
-        border-radius: var(--yc-border-radius-s);
-
-        &:hover {
-            border-color: var(--yc-color-line-generic);
-        }
+        @include mixins.block-border-hover();
     }
 
     .yfm-tab {

src/styles/mixins.scss

@@ -0,0 +1,8 @@
+@mixin block-border-hover() {
+    border: 1px dashed transparent;
+    border-radius: var(--yc-border-radius-s);
+
+    &:hover {
+        border-color: var(--yc-color-line-generic);
+    }
+}