<div class="flex gap-xs flex-column flex-row@sm">
  <button class="btn btn--subtle">Button one</button>
  <button class="btn btn--primary">Button two</button>
</div>
// alignment utility classes - based on Flexbox
// 👉 https://codyhouse.co/ds/docs/framework/utilities#flexbox

// some basic style
body {
  padding: var(--space-md);
}
View Compiled

External CSS

  1. https://unpkg.com/codyhouse-framework/main/assets/css/base/_mixins.scss
  2. https://unpkg.com/codyhouse-framework/main/assets/css/base/_breakpoints.scss
  3. https://unpkg.com/codyhouse-framework/main/assets/css/base/_accessibility.scss
  4. https://unpkg.com/codyhouse-framework/main/assets/css/style.css
  5. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_buttons.scss
  6. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_colors.scss
  7. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_forms.scss
  8. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_spacing.scss
  9. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_typography.scss

External JavaScript

This Pen doesn't use any external JavaScript resources.