Don't nest CSS

alphagov · Jun 15, 2018 · d890ea1 · d890ea1
1 parent 94e82b2
commit d890ea1
Showing 1 changed file with 47 additions and 47 deletions.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss b/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss
@@ -2,65 +2,65 @@
   @include core-16;
   @include responsive-bottom-margin;
   @extend %contain-floats;
+}
 
-  &.direction-rtl {
-    direction: rtl;
-    text-align: start;
-  }
+.gem-c-metadata.direction-rtl {
+  direction: rtl;
+  text-align: start;
+}
 
-  .gem-c-metadata__term {
-    margin-top: 0.5em;
-    line-height: normal;
+.gem-c-metadata__term {
+  margin-top: 0.5em;
+  line-height: normal;
 
-    @include media(tablet) {
-      @include box-sizing(border-box);
-      float: left;
-      clear: left;
-      width: 30%;
-      max-width: 11em;
-      padding-right: $gutter-one-third;
-      margin-top: 0;
-    }
+  @include media(tablet) {
+    @include box-sizing(border-box);
+    float: left;
+    clear: left;
+    width: 30%;
+    max-width: 11em;
+    padding-right: $gutter-one-third;
+    margin-top: 0;
   }
+}
 
-  &.direction-rtl .gem-c-metadata__term {
-    float: right;
-    clear: right;
+.gem-c-metadata.direction-rtl .gem-c-metadata__term {
+  float: right;
+  clear: right;
 
-    @include media(tablet) {
-      padding-left: $gutter-one-third;
-      padding-right: 0;
-    }
+  @include media(tablet) {
+    padding-left: $gutter-one-third;
+    padding-right: 0;
   }
+}
 
-  .gem-c-metadata__definition {
-    line-height: normal;
+.gem-c-metadata__definition {
+  line-height: normal;
 
-    @include media(tablet) {
-      float: left;
-      width: 70%;
-    }
+  @include media(tablet) {
+    float: left;
+    width: 70%;
+  }
+}
 
-    .gem-c-metadata__definition-link {
-      text-decoration: none;
-    }
+.gem-c-metadata__definition-link {
+  text-decoration: none;
+}
 
-    .gem-c-metadata__definition-link:focus,
-    .gem-c-metadata__definition-link:active,
-    .gem-c-metadata__definition-link:hover {
-      text-decoration: underline;
-    }
-  }
+.gem-c-metadata__definition-link:focus,
+.gem-c-metadata__definition-link:active,
+.gem-c-metadata__definition-link:hover {
+  text-decoration: underline;
+}
 
-  &.direction-rtl .gem-c-metadata__definition {
-    float: right;
-  }
+.gem-c-metadata.direction-rtl .gem-c-metadata__definition {
+  float: right;
+}
 
-  .gem-c-metadata__toggle-wrap {
-    display: none;
-  }
+.gem-c-metadata__toggle-wrap {
+  display: none;
+}
 
-  .js-enabled & .gem-c-metadata__toggle-wrap {
-    display: block;
-  }
+.js-enabled .gem-c-metadata__toggle-wrap {
+  display: block;
 }