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