From 382401d527314b270e1c67b4f88cd3bfbca81d46 Mon Sep 17 00:00:00 2001
From: Victor Häggqvist <victor@snilius.com>
Date: Thu, 14 Jan 2016 22:54:43 +0100
Subject: create plugin architecture

---
 style/plugins/closebutton.scss | 54 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 style/plugins/closebutton.scss

(limited to 'style/plugins/closebutton.scss')

diff --git a/style/plugins/closebutton.scss b/style/plugins/closebutton.scss
new file mode 100644
index 0000000..68b813b
--- /dev/null
+++ b/style/plugins/closebutton.scss
@@ -0,0 +1,54 @@
+$closebutton-size: 40px;
+
+#imagelightbox-close {
+    border-radius: 50%;
+
+    background-color: #666;
+    height: $closebutton-size;
+    position: fixed;
+    right: $closebutton-size;
+    text-align: left;
+    text-indent: -9999px;
+    top: $closebutton-size;
+    transition: color .3s ease;
+    width: $closebutton-size;
+    z-index: 10002;
+
+    &:hover {
+        background-color: #111;
+    }
+
+    &:before,
+    &:after {
+        background-color: #fff;
+        bottom: 20%;
+        content: '';
+        left: 50%;
+        margin-left: -1px;
+        position: absolute;
+        top: 20%;
+        width: 2px;
+    }
+
+    &:before {
+        rotate: 45deg;
+    }
+
+    &:after {
+        rotate: -45deg;
+    }
+
+    animation: fade-in .25s linear;
+}
+
+@keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+@media only screen and (max-width: 660px) {
+    #imagelightbox-close {
+        right: 20px;
+        top: 20px;
+    }
+}
-- 
cgit v1.2.3