Owl Spacing - M

Welcome to Owl Spacing - M! This is a CSS class that provides consistent and clean spacing for your website or application.

How to Use

To use Owl Spacing - M, simply add the owl-spacing--m class to any HTML element that you want to add spacing to.

<div class="owl-spacing--m">
  This element will have spacing added to it.
</div>

You can also combine the owl-spacing--m class with other Owl Spacing classes to create custom spacing.

<div class="owl-spacing--m owl-spacing--top-xl">
  This element will have extra top spacing added to it.
</div>

Available Classes

Here are all the available Owl Spacing classes:

• owl-spacing--none: No spacing
• owl-spacing--xs: Extra small spacing (~4px)
• owl-spacing--s: Small spacing (~8px)
• owl-spacing--m: Medium spacing (~16px)
• owl-spacing--l: Large spacing (~24px)
• owl-spacing--xl: Extra large spacing (~32px)
• owl-spacing--top-none: No top spacing
• owl-spacing--top-xs: Extra small top spacing
• owl-spacing--top-s: Small top spacing
• owl-spacing--top-m: Medium top spacing
• owl-spacing--top-l: Large top spacing
• owl-spacing--top-xl: Extra large top spacing
• owl-spacing--right-none: No right spacing
• owl-spacing--right-xs: Extra small right spacing
• owl-spacing--right-s: Small right spacing
• owl-spacing--right-m: Medium right spacing
• owl-spacing--right-l: Large right spacing
• owl-spacing--right-xl: Extra large right spacing
• owl-spacing--bottom-none: No bottom spacing
• owl-spacing--bottom-xs: Extra small bottom spacing
• owl-spacing--bottom-s: Small bottom spacing
• owl-spacing--bottom-m: Medium bottom spacing
• owl-spacing--bottom-l: Large bottom spacing
• owl-spacing--bottom-xl: Extra large bottom spacing
• owl-spacing--left-none: No left spacing
• owl-spacing--left-xs: Extra small left spacing
• owl-spacing--left-s: Small left spacing
• owl-spacing--left-m: Medium left spacing
• owl-spacing--left-l: Large left spacing
• owl-spacing--left-xl: Extra large left spacing

Conclusion

Now you're ready to start using Owl Spacing - M to add consistent and clean spacing to your website or application. Experiment with different classes to find the perfect combination for your needs. Happy coding!