@ussebastian/kitdigital/docs/components/other/border.html

Kit Digital de la Universidad San Sebastián

<section class="w-100">
  <!-- fix, this is not working for some reason -->
  <div class="light example-container row">
    <div class="example-content col-2 border-0">border-0</div>
    <div class="example-content ms-auto col-2 border">border</div>
    <div class="example-content ms-auto col-2 border-2">border-2</div>
    <div class="example-content ms-auto col-2 border-4">border-4</div>
  </div>
  <div class="dark example-container row">
    <div class="example-content col-2 border-0">border-0</div>
    <div class="example-content ms-auto col-2 border">border</div>
    <div class="example-content ms-auto col-2 border-2">border-2</div>
    <div class="example-content ms-auto col-2 border-4">border-4</div>
  </div>
</section>

<style>
  .example-container {
    background: var(--background);
    color: var(--text-strong);
    padding: 50px;
    height: 250px;
  }
  .example-content {
    background: var(--surface-neutral);
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>