@adobe/coral-spectrum/coral-component-multifield/src/styles/index.css

Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.

/**
 * 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;
}