Dorin Vancea dorinvancea

## css
.onboarding-step {
  display: none;
}

.onboarding-step.active {
  display: block;
}

## Utility: Typography
<!-- Usage -->
<div class="type-s-24 type-w-500">
  I'm a 24px text
</div>

## Utility: Spacing
// ==============================================
// Utility - Spacing
// ==============================================

:root {
  --sizeBase: 1rem;

  // Sizing
  --size0: 0;
  --size2: calc(var(--sizeBase) - 0.8rem);

## Basic Burger Menu
<nav class="nav-links">
  <button class="menu-btn" type="button" aria-label="Menu" aria-controls="navigation" >
    <span class="menu-btn__block">
      <span class="menu-btn__inner"></span>
    </span>
  </button>
  <ul>
    <li><a href="#">Menu item #1</a></li>
    <li><a href="#">Menu item #2</a></li>
    <li><a href="#">Menu item #3</a></li>
	.onboarding-step {
	display: none;
	}

	.onboarding-step.active {
	display: block;
	}
	<!-- Usage -->
	<div class="type-s-24 type-w-500">
	I'm a 24px text
	</div>
	// ==============================================
	// Utility - Spacing
	// ==============================================

	:root {
	--sizeBase: 1rem;

	// Sizing
	--size0: 0;
	--size2: calc(var(--sizeBase) - 0.8rem);