fix nav

source/assets/css/components/_alerts.scss

@@ -32,11 +32,4 @@
   }
 
   &--info { background: $sl-color--midnight-blue; }
-
-  .sl-u-display--inline-flex {
-    margin: {
-      top:    0;
-      bottom: 0;
-    };
-  }
 }

source/assets/css/components/_banner.scss

@@ -14,7 +14,12 @@
 
     ul {
       position: relative;
-      right: -(sl-px-to-rem(16px));
+      margin: 0 -1rem !important;
+
+      @include sl-breakpoint--medium {
+        right: -(sl-px-to-rem(16px));
+        margin: 0 !important;
+      }
     }
 
     a {

source/assets/css/layout/_containers.scss

@@ -19,4 +19,6 @@
   &--small {
     max-width: sl-px-to-rem(960px);
   }
+
+  .sl-l-container { padding: 0; }
 }

source/assets/css/sass.css.scss

@@ -35,5 +35,3 @@
   'components/railroad',
   'components/sass-syntax-switcher',
   'components/tables';
-
-//  'utilities/display';

source/assets/css/utilities/_display.scss

@@ -1 +0,0 @@
-.sl-u-display--inline-flex { display: inline-flex; }

source/layouts/layout.haml

@@ -61,7 +61,7 @@
             = link_to '/' do
               = image_tag 'logos/logo.svg', alt: 'Sass', height: '48'
 
-          %nav.sl-c-banner__navigation.sl-l-grid__column.sl-js-navigation-target.sl-l-large-grid.sl-l-large-grid__column--auto-size.sl-c-list-horizontal-wrapper(itemtype='http://schema.org/SiteNavigationElement' itemscope='itemscope' role='navigation')
+          %nav.sl-c-banner__navigation.sl-l-grid__column.sl-l-large-grid.sl-l-large-grid__column--auto-size.sl-c-list-horizontal-wrapper(itemtype='http://schema.org/SiteNavigationElement' itemscope='itemscope' role='navigation')
             :markdown
               - [Install](/install)
               - [Learn Sass](/guide)
@@ -69,9 +69,6 @@
               - [Documentation](/documentation/)
               - [Get Involved](/community)
 
-          %button.sl-c-banner__toggle.sl-js-navigation-toggle(type='button')
-            %span.sl-c-banner__toggle-icon
-
     %main.content(itemprop='mainContentOfPage' role='main')
       %h1.sl-l-container
         - if current_page.data.h1?

source/styleguide/code.html.md

@@ -35,7 +35,6 @@ otherwise.
     much simpler set:
     - `c-` is for **components**. Example: `sl-c-card`.
     - `l-` is for **layouts**. Example: `sl-l-grid`.
-    - `u-` is for **utilities**. Example: `sl-u-display--inline-flex`. (More on
       this double-dash syntax in a bit).
     - `is-` and `has-` for states. Example: `sl-is-active`.
     - `js-` is for classes specifically created for JavaScript targeting.