More derps on popovers

lib/sass/popovers.scss

@@ -19,10 +19,9 @@
           transform: translate3d(0, -15px, 0);
   -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
           transition:         transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-}
 
   // Caret on top of popover using CSS triangles (thanks to @chriscoyier for solution)
-.popover:after {
+  &:after {
     position: absolute;
     top: -19px;
     left: 50%;
@@ -34,6 +33,7 @@
     border-bottom: 20px solid $chrome-color;
     border-left: 20px solid transparent;
   }
+}
 
 // Wrapper for a title and buttons
 .popover-header {
@@ -41,10 +41,9 @@
   display: box;
   height: 34px;
   margin-bottom: 5px;
-}
 
   // Centered title for popover
-.popover-header .title {
+  .title {
     position: absolute;
     top: 0;
     left: 0;
@@ -58,7 +57,7 @@
   }
 
   // Generic style for all buttons in .popover-header
-.popover-header [class*="button"] {
+  [class*="button"] {
     z-index: 25;
     font-size: 16px;
     font-weight: 400;
@@ -72,20 +71,21 @@
 
   // Hacky way to right align buttons outside of flex-box system
   // Note: is only absolutely positioned button, would be better if flex-box had an "align right" option
-.popover-header .title + [class*="button"]:last-child,
-.popover-header .button + [class*="button"]:last-child,
-.popover-header [class*="button"].pull-right {
+  .title + [class*="button"]:last-child,
+  .button + [class*="button"]:last-child,
+  [class*="button"].pull-right {
     position: absolute;
     top: 5px;
     right: 5px;
   }
 
   // Active state for popover header buttons
-.popover-header .button:active {
+  .button:active {
     color: $primary-color;
     background-color: transparent;
     opacity: .3;
   }
+}
 
 // Popover animation
 // --------------------------------------------------