chowa/es/divider/style/divider.css

UI component library based on React

/**
 * @license chowa v1.1.3
 *
 * Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.cw-divider {
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #616a6e; }

.cw-divider-horizontal {
  display: block;
  margin: 18px 0;
  border-top: 1px solid #e6ecf5; }
  .cw-divider-horizontal.cw-divider-dashed {
    border-top-style: dashed; }
  .cw-divider-horizontal.cw-divider-with-title {
    height: 32px;
    line-height: 32px;
    border: none;
    display: flex;
    flex-direction: row; }
    .cw-divider-horizontal.cw-divider-with-title:before, .cw-divider-horizontal.cw-divider-with-title:after {
      content: '';
      display: block;
      height: 50%;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #e6ecf5; }
    .cw-divider-horizontal.cw-divider-with-title .cw-divider-title {
      margin: 0;
      padding: 0 12px;
      text-align: center;
      white-space: nowrap;
      flex: none; }
  .cw-divider-horizontal.cw-divider-align-center:before, .cw-divider-horizontal.cw-divider-align-center:after {
    width: 50%; }
  .cw-divider-horizontal.cw-divider-align-left:before {
    width: 10%; }
  .cw-divider-horizontal.cw-divider-align-left:after {
    width: 90%; }
  .cw-divider-horizontal.cw-divider-align-right:before {
    width: 90%; }
  .cw-divider-horizontal.cw-divider-align-right:after {
    width: 10%; }

.cw-divider-vertical {
  display: inline-block;
  height: 55%;
  margin: -2px 8px 0;
  border-left: 1px solid #e6ecf5;
  vertical-align: middle; }
  .cw-divider-vertical.cw-divider-dashed {
    border-left-style: dashed; }
  .cw-divider-vertical.cw-divider-with-title {
    height: 100%;
    width: 32px;
    line-height: 32px;
    border: none;
    display: inline-flex;
    flex-direction: column; }
    .cw-divider-vertical.cw-divider-with-title:before, .cw-divider-vertical.cw-divider-with-title:after {
      content: '';
      display: block;
      width: 50%;
      margin: 0;
      padding: 0;
      border-right: 1px solid #e6ecf5; }
    .cw-divider-vertical.cw-divider-with-title .cw-divider-title {
      writing-mode: vertical-lr;
      margin: 0;
      padding: 12px 0;
      text-align: center;
      flex: none; }
  .cw-divider-vertical.cw-divider-align-center:before, .cw-divider-vertical.cw-divider-align-center:after {
    height: 50%; }
  .cw-divider-vertical.cw-divider-align-top:before {
    height: 10%; }
  .cw-divider-vertical.cw-divider-align-top:after {
    height: 90%; }
  .cw-divider-vertical.cw-divider-align-bottom:before {
    height: 90%; }
  .cw-divider-vertical.cw-divider-align-bottom:after {
    height: 10%; }