Added product hunt & Move buttons out of beta

ganapativs · Jan 4, 2017 · 42c731b · 42c731b
1 parent 0090e83
commit 42c731b
Show file tree

Hide file tree

Showing 21 changed files with 33 additions and 49 deletions.
diff --git a/demo/components/bttns.js b/demo/components/bttns.js
@@ -69,28 +69,25 @@ export default [
         displayName: 'Material - flat',
         texts: defaultText
     },
-    // Beta buttons
     {
         name: 'pill',
         className: 'bttn-pill',
         displayName: 'Pill',
-        isBeta: true,
         texts: defaultText
     },
     {
         name: 'float',
         className: 'bttn-float',
         displayName: 'Float',
-        isBeta: true,
         texts: defaultText
     },
     {
         name: 'unite',
         className: 'bttn-unite',
         displayName: 'Unite',
-        isBeta: true,
         texts: defaultText
     },
+    // Beta buttons
     {
         name: 'slant',
         className: 'bttn-slant',

diff --git a/demo/components/header.js b/demo/components/header.js
@@ -58,7 +58,7 @@ export default class Header extends Component {
                         <div class="row col-xs-12 col-sm-8 col-md-6 col-lg-6 col-md-offset-3 col-lg-offset-3
                                     col-sm-offset-2 around-xs author animated fadeInUp">
                             <div class="col-xs-12 download-bttn center-xs">
-                                v0.2.3 • with ❤
+                                v0.2.4 • with ❤
                                 <a href="https://twitter.com/ganapativs" target="_blank">
                                     <button class="bttn-simple bttn-sm bttn-no-outline">
                                         @ganapativs
@@ -70,7 +70,7 @@ export default class Header extends Component {
                     <a href="https://www.producthunt.com/posts/bttn-css" target="_blank">
                         <div className="product-hunt-featured">
                             <h3 class="animated fadeInUp">Featured on</h3>
-                            <span>
+                            <span className="hint--bottom hint--bounce hint--rounded" data-hint="Product Hunt">
                                 <img class="animated fadeInUp" src="http://i.imgur.com/BPK4eNA.png"/>
                             </span>
                         </div>

diff --git a/demo/components/options.js b/demo/components/options.js
@@ -17,7 +17,6 @@ export default class Options extends Component {
     render({colors, sizes, fixed, setColor, setSize, activeColor, activeSize, blockButton, buttonOutline, setOptions}) {
         let activeSizeIndex = Object.keys(sizes).findIndex((size) => size === activeSize);
         let activeColorIndex = Object.keys(colors).find((color) => color === activeColor);
-console.log(blockButton, buttonOutline)
         return (
             <div class={{"options-chooser animated fadeInUp": true, "fixed": fixed}}>
                 <div className="options-chooser-container">

diff --git a/demo/styles/demo.styl b/demo/styles/demo.styl
@@ -448,17 +448,16 @@ body
       animation slide-to-left 0.3s 1.2s anim_func forwards
     .product-hunt-featured
       position: absolute;
-      right: 0;
+      right: 20%;
       height: 100%;
       top: 0;
-      width: 45%;
-      text-align: left;
-      padding-left: 10%;
+      width: 25%;
+      text-align: center;
       display: flex;
       flex-direction: column;
       justify-content: center;
       h3
-        color cWhite
+        color #da5630
         animation-delay 1.8s
         margin-top: -10px;
         animation-duration 0.8s
@@ -469,21 +468,21 @@ body
         animation-duration 0.8s
       span
         transition transform 0.2s 0.2s anim_func
-        display: inline-table;
       span
         &:hover
-          transform scale(1.2)
+          transform scale(1.1)
           transition transform 0.2s anim_func
       &:before
         content ''
         position: absolute;
-        background: #607D8B;
-        width: 0%;
-        height: 100%;
-        left: 30%;
+        background: transparent;
+        width: 0;
+        height: 110%;
+        left: 50%;
+        top: -5%;
         transform: skewX(-10deg);
         z-index: -1;
-        box-shadow: inset 20px 0 50px rgba(0,0,0,0.6), inset -10px 0 20px rgba(0,0,0,0.3);
+        box-shadow: inset 20px 0 50px #ecebd6, inset -10px 0 20px #ecebd6;
         animation expand-from-left 0.3s 1.5s anim_func forwards
 
   @keyframes slide-to-left {
@@ -498,21 +497,10 @@ body
   @keyframes expand-from-left {
     from {
       width: 0
-      left: 30%;
+      left: 50%;
     }
     to {
-      width: 60%;
+      width: 100%;
       left: 0
     }
-  }
-
-  @keyframes scale-to-top {
-    from {
-      height 0
-      top: 50%;
-    }
-    to {
-      height 90%
-      top: 5%;
-    }
   }
diff --git a/dist/bttn.css b/dist/bttn.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/bttn.min.css b/dist/bttn.min.css
diff --git a/dist/standalone/bordered.css b/dist/standalone/bordered.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/fill.css b/dist/standalone/fill.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/float.css b/dist/standalone/float.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/gradient.css b/dist/standalone/gradient.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/jelly.css b/dist/standalone/jelly.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/material-circle.css b/dist/standalone/material-circle.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/material-flat.css b/dist/standalone/material-flat.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/minimal.css b/dist/standalone/minimal.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/pill.css b/dist/standalone/pill.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/simple.css b/dist/standalone/simple.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/slant.css b/dist/standalone/slant.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/stretch.css b/dist/standalone/stretch.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/dist/standalone/unite.css b/dist/standalone/unite.css
@@ -2,7 +2,7 @@
 /*!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bttn.css",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Awesome buttons for awesome projects!",
   "main": "bttn.min.css",
   "scripts": {

diff --git a/src/copyright.styl b/src/copyright.styl
@@ -3,7 +3,7 @@
 /*!!
  *
  * bttn.css - https://ganapativs.github.io/bttn.css
- * Version - 0.2.3
+ * Version - 0.2.4
  * Demo: https://bttn.surge.sh
  *
  * Licensed under the MIT license - http://opensource.org/licenses/MIT