app/assets/stylesheets/behaviors.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

// Details
//--------
.js-details-container {
  .content {
    display: none;
    &.hide { display: block; }
  }

  &.open .content {
    display: block;
    &.hide { display: none; }
  }
}

// Toggle between two states.
.js-toggler-container {
  .turn-on { display: block; }
  .turn-off { display: none; }

  &.on {
    .turn-on { display: none; }
    .turn-off { display: block; }
  }
}

// Hide element if Vue is still working on rendering it fully.
[v-cloak='true'] {
  display: none !important;
}