Rework slightly the private link indicator.

kalvn · Sep 5, 2020 · 4520486 · 4520486
1 parent be61ff6
commit 4520486
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/src/assets/img/private-band.png b/src/assets/img/private-band.png
diff --git a/src/scss/components/_page-linklist.scss b/src/scss/components/_page-linklist.scss
@@ -66,11 +66,22 @@ a.link-title{
     }
 }
 .private{
-    background: url(img/private-band.png) top left no-repeat #fff;
-}
-.private a.link-title{
-    margin-left: $space-l;
-    color: #B71C1C;
+    &:before {
+        content: '';
+        position: absolute;
+        display: block;
+        width: 0;
+        height: 0;
+        border: 16px solid transparent;
+        border-right: 16px solid #b71c1c;
+        top: -16px;
+        left: -16px;
+        transform: rotate(45deg);
+    }
+
+    a.link-title{
+        color: #b71c1c;
+    }
 }
 a.link-url{
     color: $color-gray-600;