@adobe/coral-spectrum/coral-css-divider/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-Divider--S, .coral-Divider--M, .coral-Divider--L {
  width: 100%;
  overflow: visible;

  border: none;
  border-width: 2px;
  border-radius: 2px;
}
.coral-Divider--L {
  height: 4px;

  border-radius: 2px;
}
.coral-Divider--M {
  height: 2px;

  border-radius: 1px;
}
.coral-Divider--S {
  height: 1px;

  border-radius: 1px;
}
.coral-Divider--vertical {
  height: 100%;
}
.coral-Divider--vertical.coral-Divider--L {
    width: 4px;
  }
.coral-Divider--vertical.coral-Divider--M {
    width: 2px;
  }
.coral-Divider--vertical.coral-Divider--S {
    width: 1px;
  }

.coral--large .coral-Divider--S, .coral-Divider--M, .coral-Divider--L {
  border-width: 2px;
  border-radius: 2px;
}
.coral--large .coral-Divider--L {
  height: 4px;

  border-radius: 2px;
}
.coral--large .coral-Divider--M {
  height: 2px;

  border-radius: 1px;
}
.coral--large .coral-Divider--S {
  height: 1px;

  border-radius: 1px;
}
.coral--large .coral-Divider--vertical {
  height: 100%;
}
.coral--large .coral-Divider--vertical.coral-Divider--L {
    width: 4px;
  }
.coral--large .coral-Divider--vertical.coral-Divider--M {
    width: 2px;
  }
.coral--large .coral-Divider--vertical.coral-Divider--S {
    width: 1px;
  }

.coral--light .coral-Divider--L {
  background-color: rgb(75, 75, 75);
}
.coral--light .coral-Divider--M,.coral--light .coral-Divider--S {
  background-color: rgb(225, 225, 225);
}

.coral--lightest .coral-Divider--L {
  background-color: rgb(80, 80, 80);
}
.coral--lightest .coral-Divider--M,.coral--lightest .coral-Divider--S {
  background-color: rgb(234, 234, 234);
}

.coral--dark .coral-Divider--L {
  background-color: rgb(227, 227, 227);
}
.coral--dark .coral-Divider--M,.coral--dark .coral-Divider--S {
  background-color: rgb(74, 74, 74);
}

.coral--darkest .coral-Divider--L {
  background-color: rgb(200, 200, 200);
}
.coral--darkest .coral-Divider--M,.coral--darkest .coral-Divider--S {
  background-color: rgb(57, 57, 57);
}