Spacing

Go to the installation documentation

Margin

Margin 0px

Margin bottom 0px

Margin 2px

Margin bottom 2px

Margin 4px

Margin bottom 4px

Margin 8px

Margin bottom 8px

Margin 16px

Margin bottom 16px

Margin 32px

Margin bottom 32px

Margin 64px

Margin bottom 64px

Margin bottom: 4px medium breakpoint > 2px small breakpoint

Margin bottom: 8px medium breakpoint > 4px small breakpoint

Margin bottom: 16px medium breakpoint > 8px small breakpoint

Margin bottom: 32px medium breakpoint > 16px small breakpoint

Margin bottom: 64px medium breakpoint > 32px small breakpoint

Padding

Padding 0px

Padding 2px

Padding 4px

Padding 8px

Padding 16px

Padding 32px

Padding 64px

Padding: 4px medium breakpoint > 2px small breakpoint

Padding: 8px medium breakpoint > 4px small breakpoint

Padding: 16px medium breakpoint > 8px small breakpoint

Padding: 32px medium breakpoint > 16px small breakpoint

Padding: 64px medium breakpoint > 32px small breakpoint

        <div class="coop-u-margin-0">Margin 0px</div>
        <div class="coop-u-margin-b-0">Margin bottom 0px</div>
        <div class="coop-u-margin-2">Margin 2px</div>
        <div class="coop-u-margin-b-2">Margin bottom 2px</div>
        <div class="coop-u-margin-4">Margin 4px</div>
        <div class="coop-u-margin-b-4">Margin bottom 4px</div>
        <div class="coop-u-margin-8">Margin 8px</div>
        <div class="coop-u-margin-b-8">Margin bottom 8px</div>
        <div class="coop-u-margin-16">Margin 16px</div>
        <div class="coop-u-margin-b-16">Margin bottom 16px</div>
        <div class="coop-u-margin-32">Margin 32px</div>
        <div class="coop-u-margin-b-32">Margin bottom 32px</div>
        <div class="coop-u-margin-64">Margin 64px</div>
        <div class="coop-u-margin-b-64">Margin bottom 64px</div>
        <div class="coop-u-margin-resp-b-4-2">Margin bottom: 4px medium breakpoint > 2px small breakpoint</div>
        <div class="coop-u-margin-resp-b-8-4">Margin bottom: 8px medium breakpoint > 4px small breakpoint</div>
        <div class="coop-u-margin-resp-b-16-8">Margin bottom: 16px medium breakpoint > 8px small breakpoint</div>
        <div class="coop-u-margin-resp-b-32-16">Margin bottom: 32px medium breakpoint > 16px small breakpoint</div>
        <div class="coop-u-margin-resp-b-64-32">Margin bottom: 64px medium breakpoint > 32px small breakpoint</div>
        <div class="coop-u-padding-0">Padding 0px</div>
        <div class="coop-u-padding-2">Padding 2px</div>
        <div class="coop-u-padding-4">Padding 4px</div>
        <div class="coop-u-padding-8">Padding 8px</div>
        <div class="coop-u-padding-16">Padding 16px</div>
        <div class="coop-u-padding-32">Padding 32px</div>
        <div class="coop-u-padding-64">Padding 64px</div>
        <div class="coop-u-padding-resp-4-2">Padding: 4px medium breakpoint > 2px small breakpoint</div>
        <div class="coop-u-padding-resp-8-4">Padding: 8px medium breakpoint > 4px small breakpoint</div>
        <div class="coop-u-padding-resp-16-8">Padding: 16px medium breakpoint > 8px small breakpoint</div>
        <div class="coop-u-padding-resp-32-16">Padding: 32px medium breakpoint > 16px small breakpoint</div>
        <div class="coop-u-padding-resp-64-32">Padding: 64px medium breakpoint > 32px small breakpoint</div>