Fixed opacity bug

mudgen · Sep 7, 2020 · 1f81051 · 1f81051
1 parent d420974
commit 1f81051
Show file tree

Hide file tree

Showing 12 changed files with 15 additions and 12 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/dist/runcss.esm.js b/dist/runcss.esm.js
diff --git a/dist/runcss.esm.js.map b/dist/runcss.esm.js.map
diff --git a/dist/runcss.js b/dist/runcss.js
diff --git a/dist/runcss.js.map b/dist/runcss.js.map
diff --git a/dist/runcss.modern.js b/dist/runcss.modern.js
diff --git a/dist/runcss.modern.js.map b/dist/runcss.modern.js.map
diff --git a/dist/runcss.umd.js b/dist/runcss.umd.js
diff --git a/dist/runcss.umd.js.map b/dist/runcss.umd.js.map
diff --git a/docs/app.js b/docs/app.js
@@ -43,7 +43,7 @@ const card =
   div.class`md:flex bg-white rounded-lg p-6`(
     img.class`h-16 w-16 md:h-24 md:w-24 rounded-full mx-auto md:mx-0 md:mr-6`.src`./avatar.jpg`,
     div.class`text-center md:text-left`(
-      h2.class`text-lg``Erin Lindford`,
+      h2.class`text-lg opacity-5``Erin Lindford`,
       div.class`text-purple-500``Customer Support`,
       div.class`text-gray-600``[email protected]`,
       div.class`text-gray-600``(555) 765-4321`))

diff --git a/docs/index.html b/docs/index.html
@@ -29,7 +29,7 @@
   <div class="md:flex bg-white rounded-lg p-6">
     <img class="h-16 w-16 md:h-24 md:w-24 rounded-full mx-auto md:mx-0 md:mr-6" src="avatar.jpg">
     <div class="text-center md:text-left">
-      <h2 class="text-lg">Erin Lindford</h2>
+      <h2 class="text-lg opacity-25">Erin Lindford</h2>
       <div class="text-purple-500">Customer Support</div>
       <div class="text-gray-600">[email protected]</div>
       <div class="text-gray-600">(555) 765-4321</div>

diff --git a/src/runcss.js b/src/runcss.js
@@ -522,7 +522,7 @@ let cls2process = newObject({
   },
   opacity: () => {
     if (isNum(secondPart)) {
-      rule = 'opacity:' + 100 / secondPart
+      rule = 'opacity:' + secondPart / 100.0
     }
   },
   transition: () => {
@@ -624,7 +624,7 @@ let cls2process = newObject({
     let v = shadows[secondPart]
     if (v) {
       v = v.replace(/R/g, ' rgba(0, 0, 0, 0')
-      console.log(v)
+      // console.log(v)
       rule = `-webkit-box-shadow:${v};box-shadow:` + v
     }
   },