]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | .faq-title {\r |
2 | display: table;\r | |
3 | }\r | |
4 | \r | |
5 | .faq-expander, .faq-question {\r | |
6 | display: table-cell;\r | |
7 | font-size: 110%;\r | |
8 | \r | |
9 | cursor: pointer; // placement of this style controls the expand/collapse logic\r | |
10 | }\r | |
11 | \r | |
12 | .faq-expander {\r | |
13 | width: 1.8em;\r | |
14 | text-align: center;\r | |
15 | \r | |
16 | &:before {\r | |
17 | content: $fa-var-caret-right;\r | |
18 | }\r | |
19 | \r | |
20 | .faq-expanded & {\r | |
21 | &:before {\r | |
22 | content: $fa-var-caret-down;\r | |
23 | }\r | |
24 | }\r | |
25 | }\r | |
26 | \r | |
27 | .faq-question {\r | |
28 | @include list-item-title();\r | |
29 | }\r | |
30 | \r | |
31 | .faq-body {\r | |
32 | > div {\r | |
33 | padding: 6px 0 10px 10px;\r | |
34 | }\r | |
35 | \r | |
36 | height: 0;\r | |
37 | overflow: hidden;\r | |
38 | \r | |
39 | .faq-expanded & {\r | |
40 | height: auto;\r | |
41 | }\r | |
42 | }\r |