title: How to add css into .scss file or theme
body: <p>I am trying to customize a theme of <a href="https://www.bigcommerce.com/" rel="nofollow noreferrer">BigCommerce</a>. The problem is this theme is using SASS (.scss) files instead of css. I have basic knowledge of SASS.</p>
  
  <p>But I need to customize theme according to html template. In other word you can say I am trying to convert html template into a theme (free theme that is downloaded from market).
  Issue there is that, html template is using CSS and theme uses .SCSS. So right now I am trying to find way to add css of template into theme.</p>
  
  <p>Right now I am finding way to embed my css into theme and here are few things that I have tried
  I tried to directly add CSS into .SCSS file like this</p>
  
  <pre><code>.header-logo-text{color:#ffffff!important;}
  </code></pre>
  
  <p>The above css code which I am typing in <code>theme.scss</code> file (just for testing purpose) to check whether writing css in .scss file will take any effect or not, But this way it didn't change font color!</p>
  
  <p>In a second way I tried to add css in html tags using style like this</p>
  
  <pre><code>&lt;div class="anyclass" style="background:red;"&gt;  
  </code></pre>
  
  <p>This way its picking up css.</p>
  
  <p>I have created online store on bigcommerce site and trying to customize from customize option oprovided by bigcommerce. Since I couldn't see any upload file option through which I can directly upload my css files into it, thats why trying to somehow add css in current files of theme either in html or in .scss.</p>
  
  <p>And not a single css file is present in theme, how I can add my css into that theme?</p>