| 1 |
/*-------------------------------------------------------------- |
| 2 |
* Collapsible UI |
| 3 |
--------------------------------------------------------------*/ |
| 4 |
|
| 5 |
.cmb2-metabox { |
| 6 |
.cmbhandle { |
| 7 |
color: $gray; |
| 8 |
float: right; |
| 9 |
width: 27px; |
| 10 |
height: 30px; |
| 11 |
cursor: pointer; |
| 12 |
right: -1em; |
| 13 |
position: relative; |
| 14 |
&:before { |
| 15 |
content: '\f142'; |
| 16 |
right: 12px; |
| 17 |
font: normal 20px/1 'dashicons'; |
| 18 |
speak: none; |
| 19 |
display: inline-block; |
| 20 |
padding: 8px 10px; |
| 21 |
top: 0; |
| 22 |
position: relative; |
| 23 |
-webkit-font-smoothing: antialiased; |
| 24 |
-moz-osx-font-smoothing: grayscale; |
| 25 |
text-decoration: none !important; |
| 26 |
} |
| 27 |
} |
| 28 |
|
| 29 |
.postbox.closed { |
| 30 |
.cmbhandle { |
| 31 |
&:before { |
| 32 |
content: '\f140'; |
| 33 |
} |
| 34 |
} |
| 35 |
} |
| 36 |
|
| 37 |
button.dashicons-before.dashicons-no-alt.cmb-remove-group-row { |
| 38 |
-webkit-appearance: none !important; |
| 39 |
background: none !important; |
| 40 |
border: none !important; |
| 41 |
position: absolute; |
| 42 |
left: 0; |
| 43 |
top: .5em; |
| 44 |
line-height: 1em; |
| 45 |
padding: 2px 6px 3px; |
| 46 |
opacity: .5; |
| 47 |
&:not([disabled]) { |
| 48 |
cursor: pointer; |
| 49 |
color: $dark-red; |
| 50 |
opacity: 1; |
| 51 |
&:hover { |
| 52 |
color: $red; |
| 53 |
} |
| 54 |
} |
| 55 |
} |
| 56 |
} |
| 57 |
|
