Undistraction

$medium-up: 'screen and (min-width: 400px)';
$large-up:  'screen and (min-width: 800px)';

$breakpoints:(
  medium-up: $medium-up  
);

@mixin responsive-margin($options:()) {
 @include responsive-property(margin, $options)
}

Undistraction

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li class="last"></li>
</ul>

Undistraction

<main class="alpha">
  <div class="one"><span>1</span></div>
  <div class="two"><span>2</span></div>
  <div class="three"><span>3</span></div>
  <div class="four"><span>4</span></div>
</main>
<main class="beta">
  <div class="one"><span>1</span></div>
  <div class="two"><span>2</span></div>
  <div class="three"><span>3</span></div>

Undistraction

<main class="alpha">
  <div class="one"><span>1</span></div>
  <div class="two"><span>2</span></div>
  <div class="three"><span>3</span></div>
  <div class="four"><span>4</span></div>
</main>
<main class="beta">
  <div class="one"><span>1</span></div>
  <div class="two"><span>2</span></div>
  <div class="three"><span>3</span></div>

Undistraction

<ul>
  <li><p>Vivamus elementum consectetur interdum. Ut.</p></li>
  <li><p>Vivamus elementum consectetur interdum. Ut.</p></li>
  <li><p>Vivamus elementum consectetur interdum. Ut.</p></li>
  <li class="last"><p>Vivamus elementum consectetur interdum. Ut.</p></li>
</ul>

Undistraction

<h1>This Is An H1</h1>
<h2>This Is An H2</h2>
<h3>This Is An H3</h3>
<h4>This Is An H4</h4>
<p>Nunc et suscipit lectus. Quisque mattis nisi et dui tristique, nec fringilla turpis luctus. Fusce faucibus mauris ut suscipit aliquet. Sed auctor facilisis odio, at eleifend libero aliquet quis. Integer tempor enim at odio fermentum tincidunt ultrices vel nisi. Vestibulum fermentum purus non hendrerit malesuada. Nunc laoreet justo eget dolor cursus, sed malesuada velit mattis. Aliquam non justo tristique, aliquam mauris at, lacinia mauris. Aliquam feugiat erat sed risus ultricies interdum. Quisque eget tellus egestas, luctus dolor id, tincidunt purus. Mauris tincidunt ligula nec volutpat varius. Etiam semper, erat a eleifend pulvinar, diam augue rhoncus lectus, in commodo nunc ligula ut diam. Aliquam tincidunt massa vel neque laoreet aliquam at sit amet lacus.</p>
<p> Donec scelerisque molestie nisi vitae convallis. Mauris a mauris ac tortor sagittis tempor et semper erat. Nunc placerat tortor quis enim vehicula, si

Undistraction

<h1>This Is An H1</h1>
<h2>This Is An H2</h2>
<h3>This Is An H3</h3>
<h4>This Is An H4</h4>
<p>Nunc et suscipit lectus. Quisque mattis nisi et dui tristique, nec fringilla turpis luctus. Fusce faucibus mauris ut suscipit aliquet. Sed auctor facilisis odio, at eleifend libero aliquet quis. Integer tempor enim at odio fermentum tincidunt ultrices vel nisi. Vestibulum fermentum purus non hendrerit malesuada. Nunc laoreet justo eget dolor cursus, sed malesuada velit mattis. Aliquam non justo tristique, aliquam mauris at, lacinia mauris. Aliquam feugiat erat sed risus ultricies interdum. Quisque eget tellus egestas, luctus dolor id, tincidunt purus. Mauris tincidunt ligula nec volutpat varius. Etiam semper, erat a eleifend pulvinar, diam augue rhoncus lectus, in commodo nunc ligula ut diam. Aliquam tincidunt massa vel neque laoreet aliquam at sit amet lacus.</p>
<p> Donec scelerisque molestie nisi vitae convallis. Mauris a mauris ac tortor sagittis tempor et semper erat. Nunc placerat tortor quis enim vehicula, si

Undistraction

<h1>This Is An H1</h1>
<h2>This Is An H2</h2>
<h3>This Is An H3</h3>
<h4>This Is An H4</h4>
<p>Nunc et suscipit lectus. Quisque mattis nisi et dui tristique, nec fringilla turpis luctus. Fusce faucibus mauris ut suscipit aliquet. Sed auctor facilisis odio, at eleifend libero aliquet quis. Integer tempor enim at odio fermentum tincidunt ultrices vel nisi. Vestibulum fermentum purus non hendrerit malesuada. Nunc laoreet justo eget dolor cursus, sed malesuada velit mattis. Aliquam non justo tristique, aliquam mauris at, lacinia mauris. Aliquam feugiat erat sed risus ultricies interdum. Quisque eget tellus egestas, luctus dolor id, tincidunt purus. Mauris tincidunt ligula nec volutpat varius. Etiam semper, erat a eleifend pulvinar, diam augue rhoncus lectus, in commodo nunc ligula ut diam. Aliquam tincidunt massa vel neque laoreet aliquam at sit amet lacus.</p>
<p> Donec scelerisque molestie nisi vitae convallis. Mauris a mauris ac tortor sagittis tempor et semper erat. Nunc placerat tortor quis enim vehicula, si

Undistraction

// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// ----

@import "breakpoint";

$medium-up: min-width 600px;

Undistraction

<h5></h5>