@adobe/coral-spectrum
Version:
Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.
77 lines (76 loc) • 2.13 kB
CSS
/**
* Copyright 2019 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
[coral-multifield-template] {
display: none;
}
coral-multifield-item-content {
display: block;
}
coral-multifield-item-content > :first-child {
width: 100%;
}
._coral-Multifield {
display: inline-block;
box-sizing: border-box;
}
._coral-Multifield[reorderupdown] ._coral-Multifield-item > ._coral-Multifield-move {
display: none;
}
._coral-Multifield:not([reorderupdown]) ._coral-Multifield-item > ._coral-Multifield-up,
._coral-Multifield:not([reorderupdown]) ._coral-Multifield-item > ._coral-Multifield-down {
display: none;
}
._coral-Multifield-item {
display: block;
position: relative;
padding-right: 100px;
margin-bottom: 10px;
box-sizing: border-box;
}
._coral-Multifield-item:only-of-type > ._coral-Multifield-move,
._coral-Multifield-item:only-of-type > ._coral-Multifield-up,
._coral-Multifield-item:only-of-type > ._coral-Multifield-down {
display: none;
}
._coral-Multifield-item:last-of-type {
margin-bottom: 20px;
}
._coral-Multifield-item.is-dragging {
position: relative;
z-index: 10000;
opacity: 0.9;
}
._coral-Multifield-item.is-after,
._coral-Multifield-item.is-before {
position: relative;
}
._coral-Multifield-remove,
._coral-Multifield-move,
._coral-Multifield-up,
._coral-Multifield-down {
position: absolute;
top: 0;
}
._coral-Multifield-remove {
right: 50px;
}
._coral-Multifield-move,
._coral-Multifield-up,
._coral-Multifield-down {
right: 0;
}
._coral-Multifield-up {
margin-top: -4px;
}
._coral-Multifield-down {
margin-top: 7px;
}