Mercurial > nebulaweb3

comparison default/assets/scss/components/_accordion.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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 }