From 400ca10eb168f0d2fa1c17230579c5577a36df2b Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Fri, 25 Oct 2013 12:11:40 +0200
Subject: [PATCH] [refactor] remove unused mixins

---
 public/css/_mixins.styl | 60 -----------------------------------------
 public/css/otalk.css    | 32 ----------------------
 2 files changed, 92 deletions(-)

diff --git a/public/css/_mixins.styl b/public/css/_mixins.styl
index 1191a65..e9e83ce 100644
--- a/public/css/_mixins.styl
+++ b/public/css/_mixins.styl
@@ -8,16 +8,6 @@ roundall($round)
   -border-radius: $round
   border-radius: $round
 
-calc()
-  if current-property
-    add-property(current-property[0], s('-webkit-calc(%s)', unquote(arguments)))
-    add-property(current-property[0], s('-moz-calc(%s)', unquote(arguments)))
-    add-property(current-property[0], s('-ms-calc(%s)', unquote(arguments)))
-    add-property(current-property[0], s('-o-calc(%s)', unquote(arguments)))
-    s('calc(%s)', unquote(arguments))
-  else
-    error('calc() must be used within a property')
-
 noselect()
   -webkit-touch-callout: none
   -webkit-user-select: none
@@ -26,56 +16,6 @@ noselect()
   -ms-user-select: none
   user-select: none
 
-turn($deg)
-  -moz-transform: rotate($deg)
-  -webkit-transform: rotate($deg)
-  -o-transform: rotate($deg)
-  transform: rotate($deg)
-
-transform()
-  -webkit-transform: arguments
-  -moz-transform: arguments
-  -ms-transform: arguments
-  transform: arguments
-
-transition()
-  -webkit-transition: arguments
-  -o-transition: arguments
-  transition: arguments
-  -moz-transition: arguments
-
-flip-horizontal()
-  -moz-transform: scaleX(-1)
-  -webkit-transform: scaleX(-1)
-  -o-transform: scaleX(-1)
-  transform: scaleX(-1)
-  -ms-filter: fliph
-  filter: fliph
-
-flip-vertical()
-  -moz-transform: scaleY(-1)
-  -webkit-transform: scaleY(-1)
-  -o-transform: scaleY(-1)
-  transform: scaleY(-1)
-  -ms-filter: flipv
-  filter: flipv
-
-colorDot($color)
-  display: block
-  height: 10px
-  width: 10px
-  gradient: $color + #777 $color + #000
-  border-radius: 25px
-  border-bottom: 1px solid rgba(0,0,0,1)
-  border-top: 1px solid rgba(255,255,255,.9)
-
-imagesprite($width, $height, $sx, $x, $y)
-  background-repeat: none
-  width: ($width)px
-  height: ($height)px
-  background-image: url("/images/sprite.png")
-  background-position: ($sx * $x * -1)px ($sx * $y * -1)px
-
 borderbox()
   -moz-box-sizing: border-box
   -webkit-box-sizing: border-box
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 8dc452f..33ce98e 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -321,10 +321,7 @@ select:focus,
   outline: none;
   border: 1px solid #88d5f7;
   box-shadow: 0 0 5px #88d5f7;
-  -webkit-transition: all 0.3s ease-in;
-  -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
-  -moz-transition: all 0.3s ease-in;
   -webkit-transition: all 0.3s ease-in;
 }
 input[type=text]:disabled,
@@ -374,10 +371,7 @@ label {
   top: 31px;
   right: 10px;
   font-size: 12px;
-  -webkit-transition: all 0.3s ease-in;
-  -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
-  -moz-transition: all 0.3s ease-in;
 }
 .has-icon .ss-icon.ss-delete {
   color: #fdcad3;
@@ -417,10 +411,7 @@ button:focus {
 button:hover:not(:disabled) {
   color: #565656;
   background: #d6d6d6;
-  -webkit-transition: all 0.3s ease-in;
-  -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
-  -moz-transition: all 0.3s ease-in;
 }
 .button:disabled,
 button:disabled {
@@ -535,10 +526,7 @@ button.secondary:hover:not(:disabled) {
   height: 100%;
   background: rgba(0,0,0,0.5);
   z-index: 1000;
-  -webkit-transition: all 0.25s linear 0;
-  -o-transition: all 0.25s linear 0;
   transition: all 0.25s linear 0;
-  -moz-transition: all 0.25s linear 0;
 }
 #connectionOverlay.connected {
   height: 0px;
@@ -622,10 +610,7 @@ button.secondary:hover:not(:disabled) {
   font-size: 12px;
   color: #fff;
   cursor: pointer;
-  -webkit-transition: all 0.3s ease-in 0;
-  -o-transition: all 0.3s ease-in 0;
   transition: all 0.3s ease-in 0;
-  -moz-transition: all 0.3s ease-in 0;
   -webkit-transition: all 0.3s ease-in 0;
   -moz-transition: all 0.3s ease-in 0;
   width: 100%;
@@ -959,10 +944,6 @@ button.secondary:hover:not(:disabled) {
   text-transform: capitalize;
 }
 .conversation header .activeCall {
-  -webkit-transition: height 250ms;
-  -o-transition: height 250ms;
-  transition: height 250ms;
-  -moz-transition: height 250ms;
   height: 0px;
   position: relative;
   top: 0px;
@@ -980,10 +961,6 @@ button.secondary:hover:not(:disabled) {
   right: 10px;
   height: 20%;
   border: 2px solid #eee;
-  -webkit-transform: scaleX(-1);
-  -moz-transform: scaleX(-1);
-  -ms-transform: scaleX(-1);
-  transform: scaleX(-1);
 }
 .conversation header .activeCall .button-wrap {
   position: absolute;
@@ -1221,19 +1198,13 @@ button.secondary:hover:not(:disabled) {
 }
 #wrapper {
   position: relative !important;
-  -webkit-transition: all 1s;
-  -o-transition: all 1s;
   transition: all 1s;
-  -moz-transition: all 1s;
 }
 #calls {
   position: fixed;
   top: 0;
   left: 0px;
-  -webkit-transition: all 1s;
-  -o-transition: all 1s;
   transition: all 1s;
-  -moz-transition: all 1s;
   width: 100%;
   height: 80px;
   z-index: 1000;
@@ -1241,9 +1212,6 @@ button.secondary:hover:not(:disabled) {
 }
 #calls:empty,
 #calls.ending {
-  -webkit-transform: translateY(-80px);
-  -moz-transform: translateY(-80px);
-  -ms-transform: translateY(-80px);
   transform: translateY(-80px);
 }
 #calls .call {