title: How to add a UI kit (such as Get Shit Done) to an existing Rails project?
body: <p>I'm fairly new to Rails (and web development in general) and I'm trying to add the <a href="http://www.creative-tim.com/get-shit-done" rel="nofollow">Get Shit Done UI Kit</a> (GSD) to my existing Rails-Bootstrap app (with Bootstrap already installed using the <code>bootstrap-rails</code> gem). </p>
  
  <p>These are the files that come with this particular kit: </p>
  
  <pre><code>x_get_shit_done
  --assets
  ---css
  -----demo.css
  -----get-shit-done.css
  -----gsdk-base.css
  -----gsdk-checkbox-radio-switch.css
  -----gsdk-sliders.css
  ---img
  ---js
  -----custom.js
  -----get-shit-done.js
  -----gsdk-bootstrapswitch.js
  -----gsdk-checkbox.js
  -----gsdk-radio.js
  -----jquery-ui-1.10.4.custom.min.js
  --bootstrap3
  --index.html
  </code></pre>
  
  <p>This is how the stylesheets are called in the example template:</p>
  
  <pre><code>&lt;link href="bootstrap3/css/bootstrap.css" rel="stylesheet" /&gt;
      &lt;link href="assets/css/get-shit-done.css" rel="stylesheet" /&gt;
      &lt;link href="assets/css/demo.css" rel="stylesheet" /&gt; 
  </code></pre>
  
  <p>But in my Rails apps, stylesheets/JS are called like so: </p>
  
  <pre><code>&lt;%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" =&gt; true %&gt;
    &lt;%= javascript_include_tag "application", "data-turbolinks-track" =&gt; true %&gt;
  </code></pre>
  
  <p>I understand that there is some magic that Rails provides for adding stylesheets to projects this way, but I don't quite understand how that magic applies to adding new custom stylesheets.</p>
  
  <p>And additionally, all CSS files in my app (following a tutorial) are Sass (<code>.css.scss</code>), all HTML files are embedded Ruby (<code>.html.erb</code>), and Bootstrap is already installed using the <code>bootstrap-rails</code> gem. </p>
  
  <p>Do I need to somehow convert the CSS files with UI kit to Sass? There's no gem for GSD so it seems necessary to add all of the styles manually, which is what I think is throwing me off here. </p>
  
  <p>Thanks for your patience with this nooby's question :) </p>