| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_plugin_tag_input() when(@enable-plugin-tag-input = true) { |
| A | 2 | |
| 3 | .tags { | |
| 4 | display: inline-block; | |
| 5 | padding: 4px 6px; | |
| 6 | color: @ace-grey; | |
| 7 | vertical-align: middle; | |
| 8 | //.border-radius(@inputBorderRadius); | |
| 9 | background-color: #FFF; | |
| 10 | border: 1px solid @input-border; | |
| 11 | //.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); | |
| 12 | ||
| 13 | //.transition(~"border linear .2s, box-shadow linear .2s"); | |
| 14 | width: 206px; | |
| 15 | ||
| 16 | &:hover { | |
| 17 | border-color:@input-hover-border; | |
| 18 | } | |
| 19 | ||
| 20 | &-hover , &-hover:hover { | |
| 21 | border-color: @input-border-focus; | |
| 22 | outline: 0; | |
| 23 | //outline: thin dotted \9; /* IE6-9 */ | |
| 24 | } | |
| 25 | ||
| 26 | &[class*="span"] { | |
| 27 | float: none; | |
| 28 | margin-left: 0; | |
| 29 | } | |
| 30 | ||
| 31 | input[type="text"], | |
| 32 | input[type="text"]:focus { | |
| 33 | border: none; | |
| 34 | display: inline; | |
| 35 | outline: 0; | |
| 36 | margin: 0; | |
| 37 | padding: 0; | |
| 38 | line-height: 18px; | |
| 39 | .box-shadow(none); | |
| 40 | width: 100%; | |
| 41 | } | |
| 42 | } | |
| 43 | ||
| 44 | .tags { | |
| 45 | .tag { | |
| 46 | display: inline-block; | |
| 47 | position:relative; | |
| 48 | ||
| 49 | font-size: @base-font-size; | |
| 50 | font-weight: normal; | |
| 51 | //line-height: 14px; // ensure proper line-height if floated | |
| 52 | ||
| 53 | vertical-align: baseline; | |
| 54 | white-space: nowrap; | |
| 55 | ||
| 56 | //background-color: #3E9BD0; | |
| 57 | //color:#FFF; | |
| 58 | ||
| 59 | background-color:@tag-bg; | |
| 60 | color:#FFF; | |
| 61 | text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15); | |
| 62 | ||
| 63 | padding: 4px 22px 5px 9px; | |
| 64 | // .border-radius(9px); | |
| 65 | margin-bottom: 3px; | |
| 66 | margin-right: 3px; | |
| 67 | .transition(~"all 0.2s"); | |
| 68 | ||
| 69 | &:empty { | |
| 70 | display: none; | |
| 71 | } | |
| 72 | ||
| 73 | &:hover { | |
| 74 | //background-color: #B2CADD; | |
| 75 | } | |
| 76 | ||
| 77 | /** | |
| 78 | &:nth-child(5n+1) { | |
| 79 | background-color:#48A2E0; | |
| 80 | } | |
| 81 | &:nth-child(5n+2) { | |
| 82 | background-color:#34C896; | |
| 83 | } | |
| 84 | &:nth-child(5n+3) { | |
| 85 | background-color:#B57BB3; | |
| 86 | } | |
| 87 | &:nth-child(5n+4) { | |
| 88 | background-color:#CC7DA8; | |
| 89 | } | |
| 90 | &:nth-child(5n+5) { | |
| 91 | background-color:#666; | |
| 92 | } | |
| 93 | */ | |
| 94 | ||
| 95 | ||
| 96 | // Important (red) | |
| 97 | &-important { background-color: @btn-danger; } | |
| 98 | // Warnings (orange) | |
| 99 | &-warning { background-color: @btn-warning; } | |
| 100 | // Success (green) | |
| 101 | &-success { background-color: @btn-success; } | |
| 102 | // Info (turquoise) | |
| 103 | &-info { background-color: @btn-info; } | |
| 104 | // Inverse (black) | |
| 105 | &-inverse { background-color: @btn-inverse; } | |
| 106 | ||
| 107 | .close { | |
| 108 | font-size: @font-size-tag-remove; | |
| 109 | line-height: 20px; | |
| 110 | ||
| 111 | .opacity(1); | |
| 112 | color: #FFF; | |
| 113 | text-shadow: none; | |
| 114 | ||
| 115 | float: none; | |
| 116 | position: absolute; | |
| 117 | right: 0; | |
| 118 | top: 0; | |
| 119 | bottom: 0; | |
| 120 | width: 18px; | |
| 121 | text-align: center; | |
| 122 | ||
| 123 | &:hover { | |
| 124 | background-color: rgba(0,0,0,0.2); | |
| 125 | } | |
| 126 | } | |
| 127 | } | |
| 128 | } | |
| 129 | ||
| 130 | ||
| 131 | ||
| 132 | ||
| 133 | ||
| 134 | } | |
| 135 | .enable_plugin_tag_input(); | |
