Packages

sass

1.0.20
3.6.4 1.0.20 1.0.19 1.0.18 1.0.17 1.0.16 1.0.15 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0

Sass for elixir

HexDocs

Current section

Files

Jump to
Readme
22 Versions
1 Dependency
Dependants
Files
Activity
sass doc readme.html
Raw

doc/readme.html 

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="generator" content="ExDoc v0.13.0">

    <title>README – Sass.ex v1.0.20</title>

    <link rel="stylesheet" href="dist/app-9c1e3d5aa2.css" />

    

      <link rel="canonical" href="https://hexdocs.pm/sass/readme.html" />

    

    <script src="dist/sidebar_items.js"></script>

  </head>

  <body data-type="extras">

    <script>if(localStorage.getItem('night-mode')) document.body.className += ' night-mode';</script>



<div class="main">

<button class="sidebar-toggle">

  <i class="icon-menu"></i>

</button>

<section class="sidebar">



  

  <a href="api-reference.html" class="sidebar-projectLink">

    <div class="sidebar-projectDetails">

      <h1 class="sidebar-projectName">

        Sass.ex

      </h1>

      <h2 class="sidebar-projectVersion">

        v1.0.20

      </h2>

    </div>

    

      <img src="assets/logo.png" alt="Sass.ex" class="sidebar-projectImage">

    

  </a>



  <div class="sidebar-search">

    <i class="icon-search"></i>

    <input type="text" class="sidebar-searchInput" placeholder="search" autocomplete="off" />

  </div>



  <ul class="sidebar-listNav">

    <li><a id="extras-list" href="#full-list">Pages</a></li>



    

      <li><a id="modules-list" href="#full-list">Modules</a></li>

    



    



    

  </ul>



  <ul id="full-list" class="sidebar-fullList"></ul>

  <div class="sidebar-noResults"></div>

</section>



<section class="content">

  <div class="content-outer">

    <div id="content" class="content-inner">





<h1>Sass.ex</h1>



<p>Sass 3.3.6 bindings for elixir

<h2 id="use" class="section-heading">

  <a href="#use" class="hover-link"><i class="icon-link"></i></a>

   Use

</h2></p>



<pre><code class="shell">mix compile

iex -S mix

</code></pre>



<pre><code class="elixir">Sass.compile &quot;#navbar {width: 80%;height: 23px;ul { list-style-type: none; } li {float: left; a { font-weight: bold; } } }&quot;

{:ok, &quot;#navbar {\n  width: 80%;\n  height: 23px; }\n  #navbar ul {\n    list-style-type: none; }\n  #navbar li {\n    float: left; }\n    #navbar li a {\n      font-weight: bold; }\n&quot;}



Sass.compile_file &quot;test/sample_scss.scss&quot;

{:ok, &quot;/* sample_scss.scss */\n#navbar {\n  width: 80%;\n  height: 23px; }\n  #navbar ul {\n    list-style-type: none; }\n  #navbar li {\n    float: left; }\n    #navbar li a {\n      font-weight: bold; }\n&quot;}

</code></pre>



<h2 id="license" class="section-heading">

  <a href="#license" class="hover-link"><i class="icon-link"></i></a>

   License

</h2>



<p><a href="./LICENSE">MIT</a></p>



<p>Copyright (c) 2016 Scott Davis</p>



<h2 id="credit" class="section-heading">

  <a href="#credit" class="hover-link"><i class="icon-link"></i></a>

   Credit

</h2>



<p>Based on sass.ex by <a href="https://github.com/danielfarrell/sass.ex">Daniel Farrell</a></p>



      <footer class="footer">

        <p>

          <span class="line">

            Built using

            <a href="https://github.com/elixir-lang/ex_doc" title="ExDoc" rel="help" target="_blank">ExDoc</a> (v0.13.0),

          </span>

          <span class="line">

            designed by

            <a href="https://twitter.com/dignifiedquire" target="_blank" title="@dignifiedquire">Friedel Ziegelmayer</a>.

            </span>

        </p>

        <button class="night-mode-toggle" />

      </footer>

    </div>

  </div>

</section>

</div>

  <script src="dist/app-21f1a20b9e.js"></script>

  </body>

</html>