Merge pull request #8182 from cirosantilli/dry-css-behavior

Factor behaviors.scss constants

Merge pull request #8182 from cirosantilli/dry-css-behavior
Factor behaviors.scss constants
0269cd3a · Valeriy Sizov · ed687976 · 951abce5 · 0269cd3a
Commit 0269cd3a authored Nov 04, 2014 by Valeriy Sizov
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; }
+  }
+}