1/**
2 * This file provides the design styles for the admin tools
3 */
4
5.do-admin {
6    #admin__version {
7        font-size: @font-size-default;
8    }
9
10    .main-content ul {
11        > li {
12            font-size: @font-size-default;
13
14            div.li {
15                font-size: @font-size-default;
16
17                a {
18                    font-size: @font-size-default;
19                    line-height: 125%;
20                    cursor: pointer;
21                }
22            }
23        }
24    }
25
26    div.ui-admin {
27        ul.admin_tasks,
28        ul.admin_plugins {
29            padding: 0;
30
31            li {
32                background-size: auto 1rem;
33                margin: 0 0 .6em 0;
34
35                a {
36                    color: @ini_existing;
37                    font-weight: 400;
38
39                    * {
40                        color: inherit;
41                    }
42
43                    span.icon {
44                        width: 1.6em;
45                        min-height: 1.6em;
46                        margin-top: -.3rem;
47                        margin-bottom: .3rem;
48
49                        svg {
50                            width: 26px;
51                            height: 26px;
52                            border: solid 1px @ini_background;
53                            border-radius: @ini_default_border_radius;
54                            fill: @ini_existing;
55                            transition: @transition background-color, @transition border-color, @transition fill;
56
57                            path {
58                                fill: @ini_existing;
59                                transition: @transition fill;
60                            }
61                        }
62                    }
63
64                    &:hover,
65                    &:focus,
66                    &:active {
67                        span.icon {
68                            svg {
69                                background-color: @ini_existing;
70                                border-color: @ini_existing;
71                                fill: @ini_background;
72
73                                path {
74                                    fill: @ini_background;
75                                }
76                            }
77                        }
78                    }
79                }
80            }
81        }
82    }
83}
84
85/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
86/* 1024px */
87@media @screen_max-md {
88    .do-admin {
89        div.ui-admin {
90            ul.admin_tasks {
91                width: 50%;
92                padding-top: 1rem;
93
94                li {
95                    white-space: normal;
96
97                    a {
98                        .display-flex(); // for better position with line breaks (white-space)
99
100                        span.icon {
101                            margin-top: -.3rem;
102                            margin-bottom: .3rem;
103                        }
104                    }
105                }
106            }
107        }
108    }
109}
110
111/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
112/* 768px */
113@media @screen_max-xs {
114    .do-admin {
115        div.ui-admin {
116            ul.admin_tasks {
117                width: auto;
118                padding-top: 1rem;
119            }
120        }
121    }
122}
123