@ozen-ui/kit/__inner__/cjs/components/Divider/Divider.css

React component library

.Divider {
  flex-shrink: 0;
  border-style: solid;
  margin: 0;
}

  .Divider_color_primary {
      border-color: var(--color-border-main);
    }

  .Divider_color_secondary {
      border-color: var(--color-border-secondary);
    }

  .Divider_display_block {
      display: block;
    }

  .Divider_display_inlineBlock {
      display: inline-block;
    }

  .Divider_display_inline {
      display: inline;
    }

  .Divider_orientation_vertical {
    block-size: 100%;
    inline-size: 0;
  }

  .Divider_orientation_horizontal {
    block-size: 0;
    inline-size: 100%;
  }

  .Divider_orientation_vertical.Divider_size_s {
    border-width: 0 1px 0 0;
  }

  .Divider_orientation_vertical.Divider_size_m {
    border-width: 0 2px 0 0;
  }

  .Divider_orientation_horizontal.Divider_size_s {
    border-width: 0 0 1px;
  }

  .Divider_orientation_horizontal.Divider_size_m {
    border-width: 0 0 2px;
  }

  .Divider_flexItem {
    block-size: auto;
    align-self: stretch;
  }

li.Divider {
  list-style: none;
}