title: Can I check parent element has specific class in sass?
body: <p>I want to assign value conditionally if parent element has a specific class. Exp:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="child"&gt;Some Text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.child {
      font-size: 16px;
  }
  </code></pre>
  
  <p>but if parent element has a class named "big"</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="parent big"&gt;
      &lt;div class="child"&gt;Some Text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to change value as follows</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.child {
      font-size: 20px;
  }
  </code></pre>
  
  <p>For example as follows:</p>
  
  <pre><code>.child {
    font-size: parent.hasClass('big') ? 20px : 16px;
  }
  </code></pre>
  
  <p>How can I do that in SASS?</p>