CSSCombo is your friend

Kikobeats · Jan 8, 2015 · 85c014a · 85c014a
1 parent 52a1011
commit 85c014a
Show file tree

Hide file tree

Showing 17 changed files with 475 additions and 523 deletions.
diff --git a/assets/scss/components/_buttons.scss b/assets/scss/components/_buttons.scss
@@ -3,65 +3,63 @@
 // ------------------------------
 
 .btn {
-  padding: 10px 20px;
-  border: 1px solid $primary-color;
-  border-radius: 20px;
+  paddinqg: 10px 20px;
   font-size: .9em;
   font-weight: bold;
-  letter-spacing: 1px;
-  text-shadow: none;
   color: $primary-color;
-  -webkit-font-smoothing: antialiased;
+  text-shadow: none;
+  letter-spacing: 1px;
+  border: 1px solid $primary-color;
+  border-radius: 20px;
 
+  -webkit-font-smoothing: antialiased;
   &:hover {
     color: darken($primary-color, 15%);
     border-color: darken($primary-color, 15%);
+    }
   }
-}
 
 .btn-secondary {
-  border-color: $secondary-color;
   color: $secondary-color;
-
+  border-color: $secondary-color;
   &:hover {
     color: darken($secondary-color, 15%);
     border-color: darken($secondary-color, 15%);
+    }
   }
 
-}
-
 .btn-large {
   padding: 10px 24px;
   font-size: 1.1em;
-}
+  }
 
 .btn-small {
   padding: 8px 12px;
   font-size: .7em;
-}
+  }
 
 // ------------------------------
 // MOBILE MENU BUTTON
 // ------------------------------
 
 .btn-mobile-menu {
-  display: none;
   position: fixed;
-  z-index: 9999;
   top: 0;
   right: 0;
   left: 0;
+  z-index: 9999;
+  display: none;
   width: 100%;
   height: 42px;
+  text-align: center;
   background: $gray-darkest;
   border-bottom: 1px solid rgba(255,255,255,.1);
-  text-align: center;
-}
+  }
 
 .btn-mobile-menu__icon,
 .btn-mobile-close__icon {
   position: relative;
   top: 3px;
   font-size: 36px;
-  color: #FFF;
-}
+  color: #fff;
+  }
diff --git a/assets/scss/components/_effects.scss b/assets/scss/components/_effects.scss
@@ -2,144 +2,146 @@
 .hvr-grow-rotate {
   display: inline-block;
   vertical-align: middle;
-  -webkit-transform: translateZ(0);
-  transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-transition-duration: .3s;
+          transition-duration: .3s;
+  -webkit-transition-property: transform;
+          transition-property: transform;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+
   -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
+          backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-transition-duration: 0.3s;
-  transition-duration: 0.3s;
-  -webkit-transition-property: transform;
-  transition-property: transform;
-}
+  }
 .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
   -webkit-transform: scale(1.1) rotate(4deg);
-  transform: scale(1.1) rotate(4deg);
-}
+          transform: scale(1.1) rotate(4deg);
+  }
 
 /* Buzz Out */
 @-webkit-keyframes hvr-buzz-out {
   10% {
     -webkit-transform: translateX(3px) rotate(2deg);
-    transform: translateX(3px) rotate(2deg);
-  }
+            transform: translateX(3px) rotate(2deg);
+    }
 
   20% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
-    transform: translateX(-3px) rotate(-2deg);
-  }
+            transform: translateX(-3px) rotate(-2deg);
+    }
 
   30% {
     -webkit-transform: translateX(3px) rotate(2deg);
-    transform: translateX(3px) rotate(2deg);
-  }
+            transform: translateX(3px) rotate(2deg);
+    }
 
   40% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
-    transform: translateX(-3px) rotate(-2deg);
-  }
+            transform: translateX(-3px) rotate(-2deg);
+    }
 
   50% {
     -webkit-transform: translateX(2px) rotate(1deg);
-    transform: translateX(2px) rotate(1deg);
-  }
+            transform: translateX(2px) rotate(1deg);
+    }
 
   60% {
     -webkit-transform: translateX(-2px) rotate(-1deg);
-    transform: translateX(-2px) rotate(-1deg);
-  }
+            transform: translateX(-2px) rotate(-1deg);
+    }
 
   70% {
     -webkit-transform: translateX(2px) rotate(1deg);
-    transform: translateX(2px) rotate(1deg);
-  }
+            transform: translateX(2px) rotate(1deg);
+    }
 
   80% {
     -webkit-transform: translateX(-2px) rotate(-1deg);
-    transform: translateX(-2px) rotate(-1deg);
-  }
+            transform: translateX(-2px) rotate(-1deg);
+    }
 
   90% {
     -webkit-transform: translateX(1px) rotate(0);
-    transform: translateX(1px) rotate(0);
-  }
+            transform: translateX(1px) rotate(0);
+    }
 
   100% {
     -webkit-transform: translateX(-1px) rotate(0);
-    transform: translateX(-1px) rotate(0);
+            transform: translateX(-1px) rotate(0);
+    }
   }
-}
 
 @keyframes hvr-buzz-out {
   10% {
     -webkit-transform: translateX(3px) rotate(2deg);
-    transform: translateX(3px) rotate(2deg);
-  }
+            transform: translateX(3px) rotate(2deg);
+    }
 
   20% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
-    transform: translateX(-3px) rotate(-2deg);
-  }
+            transform: translateX(-3px) rotate(-2deg);
+    }
 
   30% {
     -webkit-transform: translateX(3px) rotate(2deg);
-    transform: translateX(3px) rotate(2deg);
-  }
+            transform: translateX(3px) rotate(2deg);
+    }
 
   40% {
     -webkit-transform: translateX(-3px) rotate(-2deg);
-    transform: translateX(-3px) rotate(-2deg);
-  }
+            transform: translateX(-3px) rotate(-2deg);
+    }
 
   50% {
     -webkit-transform: translateX(2px) rotate(1deg);
-    transform: translateX(2px) rotate(1deg);
-  }
+            transform: translateX(2px) rotate(1deg);
+    }
 
   60% {
     -webkit-transform: translateX(-2px) rotate(-1deg);
-    transform: translateX(-2px) rotate(-1deg);
-  }
+            transform: translateX(-2px) rotate(-1deg);
+    }
 
   70% {
     -webkit-transform: translateX(2px) rotate(1deg);
-    transform: translateX(2px) rotate(1deg);
-  }
+            transform: translateX(2px) rotate(1deg);
+    }
 
   80% {
     -webkit-transform: translateX(-2px) rotate(-1deg);
-    transform: translateX(-2px) rotate(-1deg);
-  }
+            transform: translateX(-2px) rotate(-1deg);
+    }
 
   90% {
     -webkit-transform: translateX(1px) rotate(0);
-    transform: translateX(1px) rotate(0);
-  }
+            transform: translateX(1px) rotate(0);
+    }
 
   100% {
     -webkit-transform: translateX(-1px) rotate(0);
-    transform: translateX(-1px) rotate(0);
+            transform: translateX(-1px) rotate(0);
+    }
   }
-}
 
 .hvr-buzz-out {
   display: inline-block;
   vertical-align: middle;
-  -webkit-transform: translateZ(0);
-  transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+
   -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
+          backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
-}
+  }
 .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
   -webkit-animation-name: hvr-buzz-out;
-  animation-name: hvr-buzz-out;
-  -webkit-animation-duration: 0.75s;
-  animation-duration: 0.75s;
+          animation-name: hvr-buzz-out;
+  -webkit-animation-duration: .75s;
+          animation-duration: .75s;
   -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
+          animation-timing-function: linear;
   -webkit-animation-iteration-count: 1;
-  animation-iteration-count: 1;
-}
+          animation-iteration-count: 1;
+  }
diff --git a/assets/scss/components/_forms.scss b/assets/scss/components/_forms.scss
@@ -1,6 +1,6 @@
 *:focus {
   outline: none;
-}
+  }
 
 input[type="text"],
 input[type="password"],
@@ -17,18 +17,16 @@ input[type="search"],
 input[type="tel"] {
   width: 240px;
   padding: 1em 1em;
-  background: #FFF;
-  border: 1px solid $gray-light;
-  border-radius: $border-radius;
   font-size: .9em;
   color: $gray-darker;
-
-  &:focus {
-    border-color: $secondary-color;
-  }
+  background: #fff;
+  border: 1px solid $gray-light;
+  border-radius: $border-radius;
 
   @include placeholder {
     color: $gray;
+    }
+  &:focus {
+    border-color: $secondary-color;
+    }
   }
-
-}
diff --git a/assets/scss/components/_icons.scss b/assets/scss/components/_icons.scss
@@ -1,13 +1,13 @@
 i {
   font-family: 'entypo';
-  font-weight: normal;
-  font-style: normal;
   font-size: 18px;
-}
+  font-style: normal;
+  font-weight: normal;
+  }
 
 .icon-social {
+  position: relative;
+  display: block;
   font-family: 'entypo-social';
   font-size: 22px;
-  display: block;
-  position: relative;
-}
+  }
diff --git a/assets/scss/components/_images.scss b/assets/scss/components/_images.scss
@@ -2,10 +2,10 @@
   max-width: 100%;
   margin-top: 1rem;
   margin-bottom: 6%;
-}
+  }
 
 #feature-title {
   // margin-top:1rem;
   margin-bottom: 4rem;
   text-align: center;
-}
+  }