5 files changed, 29 insertions, 13 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 0bafbc9..d87fec8 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -53,7 +53,7 @@ mixin user-card(name, hue)
 
 include views/heading.pug
 include views/divider.pug
-include views/colored-links.pug
+include views/links.pug
 include views/code.pug
 include views/blockquote.pug
 include views/list.pug
@@ -96,7 +96,7 @@ html
         .c-content.l-overflow
             +view-heading
             +view-divider
-            +view-colored-links
+            +view-links
             +view-code
             +view-blockquote
             +view-list
diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug
index 8d878c8..5782ca5 100644
--- a/tpl/objects/bubble.pug
+++ b/tpl/objects/bubble.pug
@@ -32,7 +32,7 @@ mixin bubble(user)
         else if user
             header(class=headerClasses)
                 strong= user
-        span.s-colored-links
+        span.s-links.s-links--colored
             - slots.body()
         if slots.time
             small.o-bubble__time
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug
index ac7d886..7298ed9 100644
--- a/tpl/objects/lightbox.pug
+++ b/tpl/objects/lightbox.pug
@@ -3,7 +3,7 @@ include icon.pug
 mixin lightbox(images)
     .o-lightbox 
         header.o-lightbox__header
-            .s-colored-links
+            .s-links.s-links--colored
                 block
             +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn')
         img.o-lightbox__img(src=images[0])
diff --git a/tpl/views/colored-links.pug b/tpl/views/colored-links.pug
deleted file mode 100644
index 8951154..0000000
--- a/tpl/views/colored-links.pug
+++ /dev/null
@@ -1,9 +0,0 @@
-mixin view-colored-links 
-    +view('colored-links', 'Colored links')
-        .c-box
-            .s-colored-links
-                = 'Lorem ipsum dolor '
-                a(href='https://mk.vulpes.one/')= 'https://mk.vulpes.one/'
-                = ' sit amet, consetetur '
-                a(href='https://v.reddit.com/')= 'https://v.reddit.com/'
-                = ' sadipscing elitr, sed diam nonumy eirmod tempor'
diff --git a/tpl/views/links.pug b/tpl/views/links.pug
new file mode 100644
index 0000000..91d6dde
--- /dev/null
+++ b/tpl/views/links.pug
@@ -0,0 +1,25 @@
+mixin view-links 
+    +view('links', 'Links')
+        .c-box
+            .s-links
+                = 'Lorem ipsum dolor '
+                a(href='https://mk.vulpes.one/')= 'https://mk.vulpes.one/'
+                = ' sit amet, consetetur '
+                a(href='https://v.reddit.com/')= 'https://v.reddit.com/'
+                = ' sadipscing elitr, sed diam nonumy eirmod tempor'
+
+        .c-box
+            .s-links.s-links--invisible
+                = 'Lorem ipsum dolor '
+                a(href='https://mk.vulpes.one/')= 'https://mk.vulpes.one/'
+                = ' sit amet, consetetur '
+                a(href='https://v.reddit.com/')= 'https://v.reddit.com/'
+                = ' sadipscing elitr, sed diam nonumy eirmod tempor'
+
+        .c-box
+            .s-links.s-links--colored
+                = 'Lorem ipsum dolor '
+                a(href='https://mk.vulpes.one/')= 'https://mk.vulpes.one/'
+                = ' sit amet, consetetur '
+                a(href='https://v.reddit.com/')= 'https://v.reddit.com/'
+                = ' sadipscing elitr, sed diam nonumy eirmod tempor'