/* divider.st.css */
@namespace "Divider";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named: --color-hint;
}

:import {
  -st-from: "../../components/Divider/divider.st.css";
  -st-default: Divider;
}

@st-scope Base {
  Divider {
    height: 0;
    margin-bottom: 20px;
    border-width: 0;
    border-style: solid;
    border-color: var(--color-hint);
  }

  Divider:size(xs) {
    border-top-width: 1px;
  }

  Divider:size(sm) {
    border-top-width: 2px;
  }

  Divider:size(md) {
    border-top-width: 3px;
  }

  Divider:size(lg) {
    border-top-width: 4px;
  }

  Divider:size(xl) {
    border-top-width: 5px;
  }

  Divider:width(tiny) {
    width: 10%;
  }

  Divider:width(short) {
    width: 20%;
  }

  Divider:width(half) {
    width: 50%;
  }

  Divider:width(big) {
    width: 80%;
  }

  Divider:width(full) {
    width: 100%;
  }
}