sortable.scss in binda-0.1.4

- old
+ new
@@ -1,124 +1,104 @@
 ul.sortable,
-ul#sortable
-{
+ul#sortable {
   position: relative;
   margin-bottom: 64px;
   padding-left: 0;
   list-style-type: none;
-  
-  > li
-  {
+
+  > li {
     position: relative;
     z-index: 0;
     margin-top: 0;
     margin-bottom: 0;
     cursor: move;
-    transition: box-shadow .3s ease, transform .3s ease;
-    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
+    transition: box-shadow 0.3s ease, transform 0.3s ease;
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
 
-
-    img
-    {
+    img {
       width: auto;
       max-height: 64px;
       margin-right: 32px;
     }
   }
 }
 
-.sortable-placeholder
-{
+.sortable-placeholder {
   height: 48px;
 }
 
-.ui-state-highlight
-{
+.ui-state-highlight {
   height: 48px;
   z-index: 0;
   background-color: $color-gray-lighter;
 }
 
 ul#sortable > li > *,
-ul.sortable > li > *
-{
+ul.sortable > li > * {
   display: inline-block;
 }
 
-.sortable-handle
-{
+.sortable-handle {
   // display: block;
   width: 12px;
   height: 12px;
   margin-right: 16px;
   margin-left: 8px;
   border-radius: 6px;
 }
 
-.ui-sortable-handle
-{
-  &:hover
-  {
+.ui-sortable-handle {
+  &:hover {
     z-index: 10 !important;
     transform: scale(1.01);
     background-color: $color-gray-lightest;
-    box-shadow: 0 10px 26px 0 rgba(0,0,0,.25);
+    box-shadow: 0 10px 26px 0 rgba(0, 0, 0, 0.25);
   }
 }
 
 tbody#sortable,
-tbody.sortable
-{
+tbody.sortable {
   position: relative;
   margin-bottom: 64px;
   padding-left: 0;
   list-style-type: none;
-  tr
-  {
-    transition: box-shadow .3s ease, transform .3s ease;
+  tr {
+    transition: box-shadow 0.3s ease, transform 0.3s ease;
 
-    img
-    {
+    img {
       width: auto;
       max-height: 64px;
       margin-right: 32px;
     }
   }
-  &.sortable--no-handle
-  {
-    tr
-    {
+  &.sortable--no-handle {
+    tr {
       cursor: move;
     }
   }
 }
 
-.sortable--handle
-{
+.sortable--handle {
   display: inline-block;
   width: 12px;
   height: 12px;
   margin-right: 16px;
   margin-left: 8px;
   cursor: move;
   border-radius: 6px;
   background-color: #ccc;
 }
 
-.sortable--disabled
-{
+.sortable--disabled {
   .sortable--handle,
-  .ui-sortable-handle
-  {
+  .ui-sortable-handle {
     cursor: default;
   }
 }
 
-ul.sortable--disabled
-{
-   > li:hover
-  {
+ul.sortable--disabled {
+  > li:hover {
     cursor: default;
     transform: scale(1);
     box-shadow: none;
   }
-}
\ No newline at end of file
+}