refine download button.

11 years ago · 3b5d226966
10 changed files with 19 additions and 43 deletions
--- a/dist/android-theme.css
+++ b/dist/android-theme.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/dist/ios-theme.css
+++ b/dist/ios-theme.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/dist/ratchet.js
+++ b/dist/ratchet.js
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */
 /* ----------------------------------
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

@ -141,31 +141,20 @@ body {
  display: block;
  padding: 15px 60px 16px;
  font-size: 18px;
-  color: rgba(255, 255, 255, 0.7);
+  margin-bottom: 0;
+  color: #0a1855;
+  background-color: #fff;
  border: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
 }
 .docs-header-content .btn:hover {
-  color: #fff;
-  border-color: #fff;
-}
-.docs-header-content .btn:active {
-  opacity: .5;
-  background-color: transparent;
-}
-.docs-header-content .btn-primary {
-  margin-bottom: 0;
-  color: #0a1855;
-  background-color: rgba(255, 255, 255, 0.85);
-}
-.docs-header-content .btn-primary:hover {
-  color: #0a1855;
-  border-color: #fff;
  background-color: #fff;
+  -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);
+  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);
 }
-.docs-header-content .btn-primary:active {
+.docs-header-content .btn:active {
  opacity: .5;
 }

--- a/docs/dist/android-theme.css
+++ b/docs/dist/android-theme.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/docs/dist/ios-theme.css
+++ b/docs/dist/ios-theme.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/docs/dist/ratchet.css
+++ b/docs/dist/ratchet.css
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */

--- a/docs/dist/ratchet.js
+++ b/docs/dist/ratchet.js
@ -4,7 +4,7 @@
 * Copyright 2014 Connor Sears
 * Licensed under http://www.opensource.org/licenses/MIT
 *
- * Designed by @connors.
+ * V2.0.0 designed by @connors.
 * =====================================================
 */
 /* ----------------------------------
--- a/sass/docs.scss
+++ b/sass/docs.scss
@ -132,28 +132,15 @@ body {
    display: block;
    padding: 15px 60px 16px;
    font-size: 18px;
-    color: rgba(255,255,255,.7);
-    border: 0;
-    @include transition(all .2s linear);
-
-    &:hover {
-      color: #fff;
-      border-color: #fff;
-    }
-    &:active {
-      opacity: .5;
-      background-color: transparent;
-    }
-  }
-  .btn-primary {
    margin-bottom: 0;
    color: #0a1855;
-    background-color: rgba(255,255,255,.85);
+    background-color: #fff;
+    border: 0;
+    @include transition(all .2s linear);

    &:hover {
-      color: #0a1855;
-      border-color: #fff;
      background-color: #fff;
+      @include box-shadow(0 0 50px rgba(255,255,255,.3));
    }
    &:active {
      opacity: .5;