Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class='container'>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
    <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
</div>

SassMeister-input.scss

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

@import "susy";
.container {
  @include layout(12); 
}
.agent {
  @include span(6 of 12 last);
  background-color: red;
  border: 1px solid black;
  position: relative;
  .name {
    padding-left : 100px;
  }
  &:nth-child(2n+0) {
    background-color: blue;
  }
  &:nth-child(2n+1) {
    direction:rtl;
    .name {
      padding-right : 100px;
    }
  }
}

SassMeister-output.css

.agent {
  width: 49.15254%;
  float: right;
  margin-right: 0;
  background-color: red;
  border: 1px solid black;
  position: relative;
}

.agent .name {
  padding-left: 100px;
}

.agent:nth-child(2n+0) {
  background-color: blue;
}

.agent:nth-child(2n+1) {
  direction: rtl;
}

.agent:nth-child(2n+1) .name {
  padding-right: 100px;
}

SassMeister-rendered.html

<div class='container'>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
  <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
    <div class='agent'>
    <div class='profile content'>
      <img src='http://www.placecage.com/200/300' />
    </div>
    <div class='logo content'>
      <img src='http://www.placecage.com/200/125' />
    </div>
    <div class='name content'>
      <p>Nick Cage</p>
    </div>
  </div>
</div>