Add additional section sizing

NebulaUI · Aug 16, 2017 · 598394b · 598394b
1 parent 33c520c
commit 598394b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/demo/index.html b/demo/index.html
@@ -506,11 +506,21 @@ <h2>Section</h2>
  Sectioned content
  </div>
  </div>
- <div class="c-demo-card">
+ <div class="c-demo-card u-push-bottom-md">
+ <div class="o-section-sm">
+ Sectioned content (small)
+ </div>
+ </div>
+ <div class="c-demo-card u-push-bottom-md">
  <div class="o-section-md@lg">
  Sectioned content at breakpoint
  </div>
  </div>
+ <div class="c-demo-card">
+ <div class="o-section-sm o-section-md@lg">
+ Sectioned content at breakpoint
+ </div>
+ </div>
  </section>
 
  <section class="o-section-md" id="flag">

diff --git a/nebula-css/_settings.scss b/nebula-css/_settings.scss
@@ -27,6 +27,7 @@ $nb-list-spacing: (
 ) !default;
 
 $nb-section-spacing: (
+ sm: $nb-spacing-unit,
  md: $nb-spacing-unit-double
 ) !default;