From bb2ca2383959a25ea9b66ee67e4fe69886ec15dd Mon Sep 17 00:00:00 2001
From: ncls7615 <himasoto@gmail.com>
Date: Sun, 14 Jan 2018 07:18:50 +0900
Subject: Improve scss refactor 1

---
 .../glitch/styles/components/sensitive.scss        | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 app/javascript/flavours/glitch/styles/components/sensitive.scss

(limited to 'app/javascript/flavours/glitch/styles/components/sensitive.scss')

diff --git a/app/javascript/flavours/glitch/styles/components/sensitive.scss b/app/javascript/flavours/glitch/styles/components/sensitive.scss
new file mode 100644
index 000000000..b0a7dfe03
--- /dev/null
+++ b/app/javascript/flavours/glitch/styles/components/sensitive.scss
@@ -0,0 +1,24 @@
+.sensitive-info {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  z-index: 100;
+}
+
+.sensitive-marker {
+  margin: 0 3px;
+  border-radius: 2px;
+  padding: 2px 6px;
+  color: rgba($primary-text-color, 0.8);
+  background: rgba($base-overlay-background, 0.5);
+  font-size: 12px;
+  line-height: 15px;
+  text-transform: uppercase;
+  opacity: .9;
+  transition: opacity .1s ease;
+
+  .media-gallery:hover & { opacity: 1 }
+}
-- 
cgit