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