CSS-Scheibo - CSS Framework

Width

Toggle example guides Toggle HTML markup

Utilities for setting the width of an element
Example for width. The width are define in the _settings.scss

<insert-markup>8.1-</insert-markup>
w-auto
auto
<insert-markup>8.1-0</insert-markup>
w-px
1px
<insert-markup>8.1-1</insert-markup>
w-1
0.25rem
<insert-markup>8.1-2</insert-markup>
w-2
0.5rem
<insert-markup>8.1-3</insert-markup>
w-3
0.75rem
<insert-markup>8.1-4</insert-markup>
w-4
1rem
<insert-markup>8.1-5</insert-markup>
w-1/2
50%
<insert-markup>8.1-6</insert-markup>
w-full
100%
<insert-markup>8.1-7</insert-markup>
w-screen
100vw
<insert-markup>8.1-8</insert-markup>
Markup 
  <div class="[modifier class] inline-block h-4 bg-cinnabar"></div>
Source: _objects.scss, line 1438