refactor {badges,jumbotron,media,popover,print}.less (mostly nesting)

less/badges.less

@@ -35,11 +35,9 @@ a.badge {
 }
 
 // Quick fix for labels/badges in buttons
-.btn {
-  .badge {
+.btn .badge {
   position: relative;
   top: -1px;
-  }
 }
 
 // Account for counters in navs

less/jumbotron.less

@@ -18,13 +18,10 @@
   p {
     line-height: 1.4;
   }
-}
 
-@media screen and (min-width: @screen-tablet) {
-  .jumbotron {
+  @media screen and (min-width: @screen-tablet) {
     padding: 50px 60px;
     border-radius: @border-radius-large; // Only round corners at higher resolutions
-
     h1 {
       font-size: (@font-size-base * 4.5);
     }

less/media.less

@@ -36,11 +36,13 @@
 // Media image alignment
 // -------------------------
 
-.media > .pull-left {
+.media {
+  > .pull-left {
     margin-right: 10px;
-}
-.media > .pull-right {
+  }
+  > .pull-right {
     margin-left: 10px;
+  }
 }
 
 

less/popovers.less

@@ -50,14 +50,16 @@
 //
 // .arrow is outer, .arrow:after is inner
 
-.popover .arrow,
-.popover .arrow:after {
+.popover .arrow {
+  &,
+  &:after {
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
+  }
 }
 .popover .arrow {
   border-width: @popover-arrow-outer-width;

less/print.less

@@ -71,14 +71,18 @@
   .navbar {
     display: none;
   }
-  .table td,
-  .table th {
+  .table {
+    td,
+    th {
       background-color: #fff !important;
     }
-  .btn > .caret,
-  .dropup > .btn > .caret {
+  }
+  .btn,
+  .dropup > .btn {
+    > .caret {
       border-top-color: #000 !important;
     }
+  }
   .label {
     border: 1px solid #000;
   }