_table.scss in trestle-0.8.10

- old
+ new

@@ -1,21 +1,31 @@
+@mixin table-container-background($background) {
+  background-image: linear-gradient(to right, $background 30%, rgba($background, 0)),
+                    linear-gradient(to left, $background 30%, rgba($background, 0)),
+                    radial-gradient(at 0 50%, rgba(black, 0.2), rgba(black, 0) 70%),
+                    radial-gradient(at 100% 50%, rgba(black, 0.2), rgba(black, 0) 70%);
+
+  background-color: $background;
+
+  background-position: 0 0, 100% 0, 0 0, 100% 0;
+  background-repeat: no-repeat;
+  background-size: 50px 100%, 50px 100%, 15px 100%, 15px 100%;
+  background-attachment: local, local, scroll, scroll;
+}
+
 .table-container {
   overflow-x: auto;
 
   // Momentum scrolling (touch) causes rendering issues on iOS with the
   // scrolling background hints. Must be disabled explicitly.
   -webkit-overflow-scrolling: auto;
 
-  background-image: linear-gradient(to right, white 30%, rgba(white, 0)),
-                    linear-gradient(to left, white 30%, rgba(white, 0)),
-                    radial-gradient(at 0 50%, rgba(black, 0.2), rgba(black, 0) 70%),
-                    radial-gradient(at 100% 50%, rgba(black, 0.2), rgba(black, 0) 70%);
-  background-position: 0 0, 100% 0, 0 0, 100% 0;
-  background-repeat: no-repeat;
-  background-color: white;
-  background-size: 50px 100%, 50px 100%, 15px 100%, 15px 100%;
-  background-attachment: local, local, scroll, scroll;
+  @include table-container-background(white);
+
+  .main-content-sidebar & {
+    @include table-container-background($content-sidebar-background);
+  }
 }
 
 .trestle-table {
   @extend .table;
   @extend .table-striped;
@@ -64,11 +74,25 @@
 
         width: (18em / 14);
         text-align: center;
       }
 
-      & + .btn {
+      &.has-icon .btn-label {
+        @include sr-only;
+      }
+    }
+
+    .btn,
+    .btn-group {
+      + .btn,
+      + .btn-group {
         margin-left: 4px;
+      }
+    }
+
+    .btn-group {
+      .btn + .btn {
+        margin-left: -1px;
       }
     }
   }
 
   .avatar {