xref: /template/sprintdoc/css/plugins/qc.less (revision 2b368d03e69d938c137310c4638f1b056ea89c1c) 
1/**
2 * Styles for the QC plugin
3 */
4
5
6/* + + + + +  icon in breadcrumb  + + + + + */
7
8.page-attributes .plugin_qc {
9    .qc_icon {
10        margin: 0;
11
12        svg {
13            margin-top: .1em;
14            width: 1.6em;
15            height: 1.6em;
16            font-size: (@font-size-small - .06);
17        }
18    }
19}
20
21
22/* + + + + +  slideout output  + + + + + */
23.qc-output {
24    min-width: 100%;
25    width: auto;
26    font-size: 90%;
27    box-shadow: @box-shadow-bottom;
28    margin-bottom: 0;
29
30    h2 {
31        font-size: 1.3rem;
32    }
33    h3 {
34         font-size: 1.1rem;
35    }
36    h4, h5, h6 {
37        font-size: 1rem;
38    }
39
40
41    @media @screen_min-xxs {
42        margin-top: -(@margin-default + 1);
43        margin-right: -(@margin-default);
44        margin-left: -(@margin-default);
45        padding-left: @margin-default;
46        padding-right: @margin-default;
47    }
48
49    @media @screen_max-md {
50        margin-top: -(@page_padding-top + 2);
51        margin-right: -(@margin-default * 1.6);
52        margin-left: -(@margin-default);
53        padding-top: @margin-default;
54    }
55
56    @media @screen_max-xxs {
57        margin-left: -(@margin-small);
58        padding-left: @margin-small;
59        padding-right: @margin-default;
60    }
61
62    div,
63    p {
64        margin-left: 0;
65    }
66
67    dl {
68        dt,
69        dd {
70            padding-bottom: @small-spacing;
71
72            @media @screen_max-xxs {
73                float: none;
74                display: inline-block;
75                width: 49%;
76                max-width: 10em;
77                vertical-align: top;
78                margin-left: 0;
79            }
80        }
81    }
82
83    .qc_icon {
84        background-color: #fff;
85        border-radius: @fix_border-radius;
86        vertical-align: top;
87        padding: .1rem;
88    }
89}
90