|
0
|
1 // main: ../style.scss
|
|
|
2 /********************************
|
|
|
3 *********************************
|
|
|
4 Accordions
|
|
|
5 *********************************
|
|
|
6 *********************************/
|
|
|
7 .accordion {
|
|
|
8 .card {
|
|
|
9 margin-bottom: em(5, $font-size-base-px);
|
|
|
10 .card-header {
|
|
|
11 padding: 0;
|
|
|
12 a {
|
|
|
13 display: block;
|
|
|
14 padding: em(15,18) em(35,18) em(15,18) em(15,18);
|
|
|
15 position: relative;
|
|
|
16 &:after {
|
|
|
17 content: "\e92b";
|
|
|
18 font-family: "feather";
|
|
|
19 font-size: rem(18);
|
|
|
20 @include position(absolute, 50% null null null);
|
|
|
21 right: rem(15);
|
|
|
22 transform: translateY(-50%);
|
|
|
23 }
|
|
|
24 &.collapsed::after {
|
|
|
25 content: "\e928";
|
|
|
26 }
|
|
|
27 }
|
|
|
28 }
|
|
|
29
|
|
|
30 .card-title {
|
|
|
31 font-size: em(15);
|
|
|
32 margin-bottom: 0;
|
|
|
33 padding: em(6,16) em(6,16);
|
|
|
34 }
|
|
|
35 }
|
|
|
36
|
|
|
37 [class*="card-outline-"], .card-inverse {
|
|
|
38 .card-header a {
|
|
|
39 color: #fff;
|
|
|
40 }
|
|
|
41 }
|
|
|
42
|
|
|
43 body.rtl & {
|
|
|
44 .card .card-header a:after {
|
|
|
45 right: auto;
|
|
|
46 left: rem(15);
|
|
|
47 }
|
|
|
48 }
|
|
|
49 }
|
|
|
50
|
|
|
51 .accordion-minimal {
|
|
|
52 .card { border: none }
|
|
|
53 .card-header {
|
|
|
54 background: #fff;
|
|
|
55 }
|
|
|
56 .card-title {
|
|
|
57 a {
|
|
|
58 color: $content-color;
|
|
|
59 &:hover, &:focus { color: $color-scheme; }
|
|
|
60 }
|
|
|
61 }
|
|
|
62 .card-block {
|
|
|
63 padding: em(25,$font-size-base-px);
|
|
|
64 }
|
|
|
65 }
|
