Factor behaviors.scss constants

951abce5 · Ciro Santilli · 08d361e8 · 951abce5
Commit 951abce5 authored Oct 27, 2014 by Ciro Santilli
Show whitespace changes
Inline Side-by-side

Showing with 18 additions and 8 deletions

app/assets/stylesheets/behaviors.scss app/assets/stylesheets/behaviors.scss +18 -8

No files found.
--- a/app/assets/stylesheets/behaviors.scss
+++ b/app/assets/stylesheets/behaviors.scss
 // Details
 //--------
-.js-details-container .content { display: none; }
+.js-details-container {
-.js-details-container .content.hide { display: block; }
+  .content {
-.js-details-container.open .content { display: block; }
+    display: none;
-.js-details-container.open .content.hide { display: none; }
+    &.hide { display: block; }
+  }
+  &.open .content {
+    display: block;
+    &.hide { display: none; }
+  }
+}
 // Toggle between two states.
-.js-toggler-container .turn-on  { display: block; }
+.js-toggler-container {
-.js-toggler-container .turn-off { display: none; }
+  .turn-on  { display: block; }
-.js-toggler-container.on .turn-on  { display: none; }
+  .turn-off { display: none; }
-.js-toggler-container.on .turn-off { display: block; }
+  &.on {
+    .turn-on  { display: none; }
+    .turn-off { display: block; }
+  }
+}