title: Apply margin left if class is present
body: <p>So I created a solution that I needed, but it turned into another problem that I'm having trouble solving.</p>
  <p>So here is what I'm attempting to achieve:</p>
  <ul>
  <li><p>I'd like to define <code>margin-left: 60px</code> to <code>.dropdown-content:after</code> if the dropdown has a combination of classes <code>&lt;div class=&quot;dropdown is-right&quot;&gt;</code>.</p>
  </li>
  <li><p>Otherwise, I'd like to define <code>margin-top: -11px</code> on <code>.dropdown-content:after</code> if the dropdown doesn't have <code>is-right</code>, such as <code>&lt;div class=&quot;dropdown&quot;&gt;</code>.</p>
  </li>
  </ul>
  <p>All help would be appreciated, I attempted it, but I can't seem to figure it out.</p>
  <p>Here is the <code>HTML</code>:</p>
  <pre><code>&lt;div class=&quot;dropdown is-right&quot;&gt;
      &lt;div class=&quot;dropdown-trigger&quot;&gt;
      &lt;?php if ($user): ?&gt;
      &lt;a class=&quot;navbar-item level is-mobile&quot; aria-haspopup=&quot;true&quot; aria-controls=&quot;dropdown-menu2&quot;&gt;
          &lt;p&gt;Test&lt;/p&gt;
      &lt;/a&gt;
      &lt;?php endif; ?&gt;
      &lt;/div&gt;
      &lt;div class=&quot;dropdown-menu&quot; id=&quot;dropdown-menu2&quot; role=&quot;menu&quot;&gt;
          &lt;div class=&quot;dropdown-content&quot;&gt;
              &lt;a href=&quot;#&quot; class=&quot;dropdown-item&quot;&gt;
                  My Profile
              &lt;/a&gt;
              &lt;a href=&quot;#&quot; class=&quot;dropdown-item&quot;&gt;
                  Settings
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here is the <code>SASS</code>:</p>
  <pre><code>.dropdown
    &amp;.is-right
  
    .dropdown-content
  
      &amp;:after
        content: ''
        position: absolute
        top: 0
        left: 35%
        margin-left: 60px
        margin-top: -11px
        width: 0
        z-index: 1
        height: 0
        border-bottom: solid 15px #FFF
        border-left: solid 15px transparent
        border-right: solid 15px transparent
  </code></pre>