krisbulman

<table>
  <tbody>
    <tr class="odd">
      <td>test</td>
      <td>test</td>  
    </tr>
    <tr class="even">
      <td>test</td>
      <td>test</td>  
    </tr>

krisbulman

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>

krisbulman

<div class="l-example">
  <div class="l-example__a">A<br/>&nbsp;</div>
  <div class="l-example__b">B</div>
  <div class="l-example__c">C</div>
</div>

krisbulman

<div class="example">Breakpoint Test</div>

krisbulman

<div class="example">Calc Test</div>

krisbulman

<div class="selector">Hi I am Text</div>

krisbulman

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

.channel-tab.is-selected {
  .channel-tab__link--mobile:before {
    content: ' ';
  }
  &.channel-tab--msnbctv {

krisbulman

<div class="centre">
<h1>Understanding JavaScript Behaviors in Drupal</h1>
  <p class="text--hecto">I can barely remember the first time I added JavaScript to a Drupal page using a custom module. I'm sure looked at the documentation, took the example snippet, tweaked it, tested it, and moved on to something else. It was only later, using a debugger, that I saw how Drupal's "behavior" system worked and realized that my code was not being executed as I expected.</p>
  <p class="text--base">In this article we' cover the key facts about Drupal behaviours, then look at a real Drupal project to inspect it's behaviours and optimize them.</p>
  <h2>Unraveling Drupal behaviors</h2>
  <p>Drupal’s official JavaScript documentation suggests that modules should implement JavaScript by attaching logic to Drupal.behaviors. Here is an example taken from that page:</p>
  <p class="text--centi">heading default metadata</p>
  <p class="text--kilo">in-content quote/highlight</p>
  <p>Some regular text</p></div>
</div>

krisbulman

// ----
// libsass (v3.1.0)
// ----

@import 'susy';

$susy: (columns: 4);
$map: (columns: 4);

// doesn't work

krisbulman

<div class="grid-wrapper">
  <div class="grid-item">one</div>
  <div class="grid-item">two</div>
</div>