Remove redundant CSS

umarmughal · Sep 29, 2016 · 9834792 · 9834792
1 parent 3d443ed
commit 9834792
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 [![npm version](https://badge.fury.io/js/wenk.svg)](https://badge.fury.io/js/wenk)
 [![Bower version](https://badge.fury.io/bo/wenk.svg)](https://badge.fury.io/bo/wenk)
 
-**Wenk** is a Lightweight tooltip written in pure CSS using [PostCSS](http://postcss.org/). The **minified version is just 683 bytes when gzipped** :scream:.
+**Wenk** is a Lightweight tooltip written in pure CSS using [PostCSS](http://postcss.org/). The **minified version is just 712 bytes when gzipped** :scream:.
 
 <p align="center">
 	<a href="#"><img width="80%" src="media/wenk.gif" alt="wenk"></a>

diff --git a/demo/index.html b/demo/index.html
@@ -79,7 +79,7 @@
 		<section class="col-lg-12">
 			<h1>Wenk 😉</h1>
 			<p>
-				Wenk is a Lightweight tooltip written in pure CSS using <a href="https://github.com/postcss/postcss">PostCSS</a>. The <strong>minified version is just 727 bytes when gzipped</strong>.
+				Wenk is a Lightweight tooltip written in pure CSS using <a href="https://github.com/postcss/postcss">PostCSS</a>. The <strong>minified version is just 712 bytes when gzipped</strong>.
 				It can easily be styled using <code>data-*</code> attributes or classes. By default the tooltip will adjust to fit the content.
 			</p>
 		</section>

diff --git a/demo/wenk.min.css b/demo/wenk.min.css
diff --git a/dist/wenk.css b/dist/wenk.css
@@ -7,7 +7,7 @@
  */
  [data-wenk] {
     position: relative
-    
+
     /* ===[Tooltip Down]=== */
 
     /* ===[Tooltip Left]=== */
@@ -20,8 +20,6 @@
 }
 [data-wenk]:after {
     position: absolute;
-    -webkit-transform: translateX(-50%);
-            transform: translateX(-50%);
     display: none;
     font-size: 13px;
     border-radius: .4rem;
@@ -31,7 +29,6 @@
     background-color: rgba(17, 17, 17, .8);
     box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
     color: #fff;
-    width: 200px;
     line-height: 20px;
     line-height: 1.25rem;
     text-align: left;

diff --git a/dist/wenk.min.css b/dist/wenk.min.css
diff --git a/src/wenk.css b/src/wenk.css
@@ -8,7 +8,6 @@
     position: relative;
     &:after {
         position: absolute;
-        transform: translateX(-50%);
         display: none;
         font-size: var(--font-size);
         border-radius: .4rem;
@@ -17,7 +16,6 @@
         background-color: var(--bg-color);
         box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
         color: var(--font-color);
-        width: 200px;
         line-height: 1.25rem;
         text-align: left;
         z-index: 1;
@@ -44,7 +42,7 @@
             transform: translate(-50%, -10px);
         }
     }
-    
+
     /* ===[Tooltip Down]=== */
     &.wenk--bottom, &[data-wenk-pos="bottom"] {
         &:after {