Outline Style

Controls the outline style of an element.

Class	Property
os-none	outline-style: none;
os-d	outline-style: dashed;
os-s	outline-style: solid;

Subscribe Subscribe Subscribe

<div class="d-g g-16 gtc-3">
  <button
    class="b-1 bc-l-silver-6 bg-white fw-600 oc-indigo oo-1 os-none px-5 py-1 rad-1">
    Subscribe
  </button>
  <button
    class="b-1 bc-l-silver-6 bg-white fw-600 oc-indigo oo-1 os-d px-5 py-1 rad-1">
    Subscribe
  </button>
  <button
    class="b-1 bc-l-silver-6 bg-white fw-600 oc-indigo oo-1 os-s px-5 py-1 rad-1">
    Subscribe
  </button>
</div>

---

Using responsive modifiers

Using responsive breakpoints like sm:os-*, md:os-*, lg:os-*, and xxl:os-* allows targeting specific utilities in different viewports.

<div class="os-h md:os-s ..."></div>

Using hover modifiers

Using :hover modifiers such as h:os-* allows you to override elements and change their values when hovering over them.

<div class="os-h h:os-s ..."></div>