xref: /template/sprintdoc/css/plugins/tagging.less (revision e8f2530ce8f44d4ab8fe67dee52f39cef29b3a9f) 
1/**
2 * This file provides styles for the form in tagcloud
3 */
4
5
6/* + + + + +  plugin tagging  + + + + + */
7
8#spr__meta-box {
9    ul.tagging_cloud {
10        width: 100%;
11        padding-right: 0;
12
13        li {
14            &.t0 a {
15                font-size: .9rem;
16            }
17            &.t1 a {
18                font-size: 1rem;
19            }
20            &.t2 a {
21                font-size: 1.1rem;
22            }
23            &.t3 a {
24                font-size: 1.2rem;
25            }
26            &.t4 a {
27                font-size: 1.3rem;
28            }
29            &.t5 a {
30                font-size: 1.4rem;
31            }
32            &.t6 a {
33                font-size: 1.5rem;
34            }
35            &.t7 a {
36                font-size: 1.6rem;
37            }
38            &.t8 a {
39                font-size: 1.7rem;
40            }
41            &.t9 a {
42                font-size: 1.8rem;
43            }
44            &.t10 a {
45                font-size: 1.9rem;
46            }
47        }
48    }
49
50    form#tagging__edit {
51        width: 100%;
52
53        label {
54            display: block;
55        }
56
57        input.edit {
58            width: 100%;
59            margin-bottom: .5rem;
60        }
61    }
62}
63
64
65/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
66/* media queries */
67
68@media @screen_max-md {
69    #spr__meta-box {
70        form {
71            &#tagging__edit {
72                label {
73                    display: inline-block;
74                    min-width: 50%;
75                    vertical-align: top;
76                    margin-bottom: .5rem;
77                }
78
79                input.edit {
80                    margin-bottom: 0;
81                }
82            }
83        }
84    }
85}
86
87@media @screen_max-xs {
88    #spr__meta-box {
89        form {
90            div > button[type="submit"] {
91                width: 49%;
92                padding: 0;
93            }
94
95            &#tagging__edit {
96                &::after {
97                    content: '';
98                    clear: both;
99                    display: block;
100                }
101
102                label {
103                    display: block;
104                    width: 100%;
105                }
106
107                button[type="submit"] {
108                    float: right;
109
110                    &:first-of-type {
111                        float: left;
112                    }
113                }
114            }
115        }
116    }
117}
118