Generated by SassMeister.com.

SassMeister-input-HTML.haml

%header
  .name
    The is the name
  .actions
    These are actions
  .print-only
    Only in Print

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

header {
  @include outer-container;
  background: green;
  
  .name{
    @include span-columns(9);
    @include background(blue);
  }
  
  .actions {
    @include span-columns(3);
    @include background(red);
  }
  
  .print-only {
    @include display(none);
  }
}

SassMeister-output.css

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

header {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  background: green;
}

header::after {
  clear: both;
  content: "";
  display: table;
}

header .name {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
  background: blue;
  background: blue;
}

header .name:last-child {
  margin-right: 0;
}

header .actions {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  background: red;
  background: red;
}

header .actions:last-child {
  margin-right: 0;
}

header .print-only {
  display: none;
}

SassMeister-rendered.html

<header>
  <div class='name'>
    The is the name
  </div>
  <div class='actions'>
    These are actions
  </div>
  <div class='print-only'>
    Only in Print
  </div>
</header>