## Lines

### Line Styles

Solid

Dashed

Dotted

Double

Groove

Ridge

Inset

Outset

None

Hidden

Transparent
HTML

    <div class="flex--col gap--04">
                <hr class="border--solid" style="border-width: 1px" />
                Solid
                <hr class="border--dashed" style="border-width: 1px" />
                Dashed
                <hr class="border--dotted" style="border-width: 1px" />
                Dotted
                <hr class="border--double" style="border-width: 1px" />
                Double
                <hr class="border--groove" style="border-width: 1px" />
                Groove
                <hr class="border--ridge" style="border-width: 1px" />
                Ridge
                <hr class="border--inset" style="border-width: 1px" />
                Inset
                <hr class="border--outset" style="border-width: 1px" />
                Outset
                <hr class="border--none" style="border-width: 1px" />
                None
                <hr class="border--hidden" style="border-width: 1px" />
                Hidden
                <hr class="border--transparent" style="border-width: 1px" />
                Transparent
            </div>

### Border Styles

Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
None
Hidden
Transparent
HTML

    <div class="flex--col gap--04">
                <div class="border--solid" style="border-width: 1px">Solid</div>
                <div class="border--dashed" style="border-width: 1px">Dashed</div>
                <div class="border--dotted" style="border-width: 1px">Dotted</div>
                <div class="border--double" style="border-width: 1px">Double</div>
                <div class="border--groove" style="border-width: 1px">Groove</div>
                <div class="border--ridge" style="border-width: 1px">Ridge</div>
                <div class="border--inset" style="border-width: 1px">Inset</div>
                <div class="border--outset" style="border-width: 1px">Outset</div>
                <div class="border--none" style="border-width: 1px">None</div>
                <div class="border--hidden" style="border-width: 1px">Hidden</div>
                <div class="border--transparent" style="border-width: 1px">
                    Transparent
                </div>
            </div>

- Latest update: Stylescape v0.1 now live!
- New components released today.
- 💡 Tip: Use mixins for modular SCSS!