From 40878053921863e2a91a952d2f5b868b8d93a350 Mon Sep 17 00:00:00 2001
From: sienori <iilll7d6f@yahoo.co.jp>
Date: Thu, 12 Apr 2018 22:49:26 +0900
Subject: [PATCH] Add prefix to CSS custom property

---
 simple-translate/simple-translate.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/simple-translate/simple-translate.css b/simple-translate/simple-translate.css
index a5c1415..d1f1603 100644
--- a/simple-translate/simple-translate.css
+++ b/simple-translate/simple-translate.css
@@ -1,10 +1,10 @@
 :root {
-    --main-text: #0c0c0d;
-    --sub-text: #737373;
-    --line: #ededf0;
-    --button: #d7d7db;
-    --highlight: #5595ff;
-    --main-bg: #ffffff;
+    --simple-translate-main-text: #0c0c0d;
+    --simple-translate-sub-text: #737373;
+    --simple-translate-line: #ededf0;
+    --simple-translate-button: #d7d7db;
+    --simple-translate-highlight: #5595ff;
+    --simple-translate-main-bg: #ffffff;
 }
 
 #simple-translate-button {
@@ -30,7 +30,7 @@
 
 #simple-translate-panel {
     all: initial;
-    background-color: var(--main-bg);
+    background-color: var(--simple-translate-main-bg);
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
     border-radius: 3px;
     min-height: 20px;
@@ -54,17 +54,17 @@
     text-align: left;
     display: block;
     font-size: inherit;
-    color: var(--main-text);
+    color: var(--simple-translate-main-text);
     margin: 0;
     word-wrap: break-word;
 }
 
 #simple-translate-panel p::-moz-selection {
-    background: var(--line);
+    background: var(--simple-translate-line);
 }
 
 #simple-translate-panel .candidate {
-    color: var(--sub-text);
+    color: var(--simple-translate-sub-text);
 }
 
 @keyframes simple-translate-showButton {