xref: /template/sprintdoc/css/template_admin.less (revision 0b0e8b37a766cd9eb1628d04dffd94b926a6d50f) 
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        ul.admin_plugins {
31            padding: 0;
32
33            li {
34                background-size: auto 1rem;
35                margin: 0 0 .6em 0;
36
37                a {
38                    color: @ini_text;
39
40                    * {
41                        color: inherit;
42                    }
43
44                    span.icon {
45                        margin-top: -.2rem;
46                        margin-bottom: .2rem;
47
48                        svg {
49                            fill: @ini_existing;
50
51                            path {
52                                fill: @ini_existing;
53                            }
54                        }
55                    }
56                }
57            }
58        }
59
60        ul.admin_tasks {
61            li {
62                a {
63                    font-weight: 400;
64                }
65            }
66        }
67    }
68}
69
70
71/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
72/* 1024px */
73
74@media @screen_max-md {
75    .do-admin {
76        div.ui-admin {
77            ul.admin_tasks {
78                width: 50%;
79                padding-top: 1rem;
80
81                li {
82                    white-space: normal;
83
84                    a {
85                        .display-flex(); // for better position with line breaks (white-space)
86
87                        span.icon {
88                            margin-top: -.3rem;
89                            margin-bottom: .3rem;
90                        }
91                    }
92                }
93            }
94        }
95    }
96}
97
98
99/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
100/* 768px */
101
102@media @screen_max-xs {
103    .do-admin {
104        div.ui-admin {
105            ul.admin_tasks {
106                width: auto;
107                padding-top: 1rem;
108            }
109        }
110    }
111}
112