Skip to main content

Space Block Start

Space Block Start
<!-- space block start -->
<div class="u-space-block-start">
  <div>Space Block Start</div>
</div>

Back to top

Space Block Start Compact

Space Block Start Compact
<!-- space block start compact -->
<div class="u-space-block-start-compact">
  <div>Space Block Start Compact</div>
</div>

Space Block Start Tight

Space Block Start Tight
<!-- space block start tight -->
<div class="u-space-block-start-tight">
  <div>Space Block Start Tight</div>
</div>

Space Block Start Loose

Space Block Start Loose
<!-- space block start loose -->
<div class="u-space-block-start-loose">
  <div>Space Block Start Loose</div>
</div>

Space Block Start Expanded

Space Block Start Expanded
<!-- space block start expanded -->
<div class="u-space-block-start-expanded">
  <div>Space Block Start Expanded</div>
</div>

Space Block Start Spacious

Space Block Start Spacious
<!-- space block start spacious -->
<div class="u-space-block-start-spacious">
  <div>Space Block Start Spacious</div>
</div>

Space Block Start XS

Space Block Start XS
<!-- space block start xs -->
<div class="u-space-block-start-xs">
  <div>Space Block Start XS</div>
</div>

Space Block Start Small

Space Block Start Small
<!-- space block start sm -->
<div class="u-space-block-start-sm">
  <div>Space Block Start Small</div>
</div>

Space Block Start Medium

Space Block Start Medium
<!-- space block start md -->
<div class="u-space-block-start-md">
  <div>Space Block Start Medium</div>
</div>

Space Block Start Large

Space Block Start Large
<!-- space block start lg -->
<div class="u-space-block-start-lg">
  <div>Space Block Start Large</div>
</div>

Space Block Start XL

Space Block Start XL
<!-- space block start xl -->
<div class="u-space-block-start-xl">
  <div>Space Block Start XL</div>
</div>