Commit a048c955 authored by Riyad Preukschas's avatar Riyad Preukschas

Add JS behaviors

parent a5838524
$ ->
$("body").on "click", ".js-details-target", ->
container = $(@).closest ".js-details-container"
container.toggleClass "open"
$ ->
$("body").on "click", ".js-toggler-target", ->
container = $(@).closest ".js-toggler-container"
container.toggleClass "on"
// Details
//--------
.js-details-container .content { display: none; }
.js-details-container .content.hide { display: block; }
.js-details-container.open .content { display: block; }
.js-details-container.open .content.hide { display: none; }
// Toggler
//--------
.js-toggler-container .turn-on { display: inline-block; }
.js-toggler-container .turn-off { display: none; }
.js-toggler-container.on .turn-on { display: none; }
.js-toggler-container.on .turn-off { display: inline-block; }
...@@ -83,6 +83,11 @@ $baseLineHeight: 18px !default; ...@@ -83,6 +83,11 @@ $baseLineHeight: 18px !default;
*/ */
@import "common.scss"; @import "common.scss";
/**
* Styles necessary to support JS behaviours.
*/
@import "behaviors.scss";
/** /**
* Styles related to specific part of app * Styles related to specific part of app
*/ */
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment