xref: /template/sprintdoc/css/template_admin.less (revision a4ac4a3bba392abb397ee3910d5b1cb6a301e1da) 
1/**
2 * This file provides the design styles for the admin tools
3 *
4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
5 */
6
7.do-admin {
8    #admin__version {
9        font-size: @font-size-default;
10    }
11
12    .main-content ul {
13        > li {
14            font-size: @font-size-default;
15
16            div.li {
17                font-size: @font-size-default;
18
19                a {
20                    font-size: @font-size-default;
21                    line-height: 125%;
22                    cursor: pointer;
23                }
24            }
25        }
26    }
27
28    div.ui-admin {
29        ul.admin_tasks {
30            padding: 0;
31
32            li {
33                background-size: auto 1rem;
34                margin: 0 0 .6em 0;
35
36                a {
37                    font-weight: 400;
38
39                    span.icon {
40                        margin-top: -.2rem;
41                        margin-bottom: .2rem;
42                    }
43                }
44            }
45        }
46    }
47}
48
49
50/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
51/* 1024px */
52
53@media @screen_max-md {
54    .do-admin {
55        div.ui-admin {
56            ul.admin_tasks {
57                width: 50%;
58                padding-top: 1rem;
59
60                li {
61                    white-space: normal;
62
63                    a {
64                        .display-flex(); // for better position with line breaks (white-space)
65
66                        span.icon {
67                            margin-top: -.3rem;
68                            margin-bottom: .3rem;
69                        }
70                    }
71                }
72            }
73        }
74    }
75}
76
77
78/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
79/* 768px */
80
81@media @screen_max-xs {
82    .do-admin {
83        div.ui-admin {
84            ul.admin_tasks {
85                width: auto;
86                padding-top: 1rem;
87            }
88        }
89    }
90}
91