xref: /template/writr/css/plugins/folded.less (revision 0867b783d35e4385f2616b92ff7b9a54ed723f69)
1*0867b783SLouis Ouellet/* =Folded Plugin
2*0867b783SLouis Ouellet----------------------------------------------- */
3*0867b783SLouis Ouellet
4*0867b783SLouis Ouellet.dokuwiki {
5*0867b783SLouis Ouellet    .file {
6*0867b783SLouis Ouellet        margin-bottom: 20px;
7*0867b783SLouis Ouellet
8*0867b783SLouis Ouellet        dt,dd {
9*0867b783SLouis Ouellet            margin-right: 0px !important;
10*0867b783SLouis Ouellet            margin-bottom: 0px !important;
11*0867b783SLouis Ouellet        }
12*0867b783SLouis Ouellet    }
13*0867b783SLouis Ouellet
14*0867b783SLouis Ouellet    p:has(a.folder.open) {
15*0867b783SLouis Ouellet        margin-bottom: 0px;
16*0867b783SLouis Ouellet    }
17*0867b783SLouis Ouellet
18*0867b783SLouis Ouellet    div.folded {
19*0867b783SLouis Ouellet        padding: 0px;
20*0867b783SLouis Ouellet        margin-bottom: 20px;
21*0867b783SLouis Ouellet
22*0867b783SLouis Ouellet        .file {
23*0867b783SLouis Ouellet            margin-bottom: 0px;
24*0867b783SLouis Ouellet        }
25*0867b783SLouis Ouellet    }
26*0867b783SLouis Ouellet
27*0867b783SLouis Ouellet    a.folder {
28*0867b783SLouis Ouellet        padding: 16px;
29*0867b783SLouis Ouellet        padding-left: 32px;
30*0867b783SLouis Ouellet        font-weight: bold;
31*0867b783SLouis Ouellet        background-color: @ini_border;
32*0867b783SLouis Ouellet        width: 100%;
33*0867b783SLouis Ouellet        display: block;
34*0867b783SLouis Ouellet        background-image: none;
35*0867b783SLouis Ouellet        position: relative;
36*0867b783SLouis Ouellet
37*0867b783SLouis Ouellet        &::before {
38*0867b783SLouis Ouellet            font-family: 'bootstrap-icons';
39*0867b783SLouis Ouellet            position: absolute;
40*0867b783SLouis Ouellet            top: 12px;
41*0867b783SLouis Ouellet            right: 16px;
42*0867b783SLouis Ouellet            font-size: 24px;
43*0867b783SLouis Ouellet            content: "\F282";
44*0867b783SLouis Ouellet        }
45*0867b783SLouis Ouellet
46*0867b783SLouis Ouellet        &.open {
47*0867b783SLouis Ouellet            background-color: @ini_theme_color;
48*0867b783SLouis Ouellet            background-image: none;
49*0867b783SLouis Ouellet            color: @ini_background;
50*0867b783SLouis Ouellet
51*0867b783SLouis Ouellet            &::before {
52*0867b783SLouis Ouellet                content: "\F286";
53*0867b783SLouis Ouellet            }
54*0867b783SLouis Ouellet        }
55*0867b783SLouis Ouellet    }
56*0867b783SLouis Ouellet}
57