This repository has been archived by the owner on Jun 26, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
96 lines (83 loc) · 5.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/appicons/apple-touch-icon-144x144-precomposed.png">
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/appicons/apple-touch-icon-114x114-precomposed.png">
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/appicons/apple-touch-icon-72x72-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="images/appicons/apple-touch-icon-precomposed.png">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>LibSass | A C implementation of a Sass compiler</title>
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/vendor/modernizr.js"></script>
</head>
<body>
<div class="mastehead-wrap">
<header class="header" role="banner">
<a href="https://github.com/hcatlin/libsass"><img class="github-ribbon" style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div class="logo-wrap">
<div class="row">
<div class="large-12 columns">
<a href="./"><img id="logo" src="images/libsass-logo.png" alt="Libsass"></a>
</div>
</div>
</div>
<div class="nav-wrap">
<div class="row">
<div class="large-12 columns">
<nav class="sticky" role="navigation">
<ul>
<li><a href="#what">What?</a></li>
<li><a href="#sassc">SassC</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
</div>
<div class="row">
<div class="large-12 columns">
<section id="what">
<h2>What?</h2>
<p><a href="http://sass-lang.com">Sass</a> is a pre-processing language for CSS. It allows you to write cleaner stylesheets and makes collaboration on your CSS a breeze. There's a ton of information on Sass out there, so we won't repeat it all here. Just make sure to check out <a href="http://sass-lang.com" target="_blank">the Sass site</a> for tutorials and examples.</p>
<p>Sass was originally written in Ruby. Ruby's great, but people started having a couple of issues. First, we want everyone to enjoy Sass, no matter what language they use. Why restrict everyone to using Ruby? In addition, Ruby can be kind of slow. Lowering compile time for users is important. Enter LibSass.</p>
<p>LibSass is a C/C++ port of the Sass engine. The point is to be simple, fast, and easy to integrate. Find out more about the project over at <a href="http://github.com/hcatlin/libsass">Github</a>.</p>
</section>
<section id="sassc">
<h2>SassC</h2>
<p>LibSass is just a library. To run the code locally (i.e. to compile your stylesheets), you need an implementer. <a href="https://github.com/sass/sassc">SassC</a> (get it?) is an implementer written in C. There are a number of other implementations of LibSass - for example <a href="https://github.com/sass/node-sass">Node</a>. We encourage you to write your own port - the whole point of Libsass is that we want to bring Sass to many other languages, not just Ruby!</p>
<p>To run the compiler on your local machine, you need to build SassC. To build SassC, you must have either a local copy of the libsass source or it must be installed into your system. For development, please use the source version. You must then setup an environment variable pointing to the LibSass folder, for example:</p>
<p><code>export SASS_LIBSASS_PATH=/Users/hcatlin/path/libsass</code></p>
<p>The executable will be in the bin folder. To run it, simply try something like:</p>
<p><code>./bin/sassc [input file] > output.css</code></p>
</section>
<section id="about">
<h2>About</h2>
<p>This project is the brainchild of <a href="http://twitter.com/hcatlin">Hampton Catlin</a>, the original creator of Sass, and is sponsored by <a href="http://moovweb.com">Moovweb</a>. <a href="http://github.com/akhleung">Aaron Leung</a> from Moovweb is the primary developer. The site and logo were designed by <a href="http://twitter.com/colinjohnston">Colin Johnston</a>.</p>
</section>
</div>
</div>
<div class="footer-wrap">
<footer>
<div class="row">
<div class="large-12 columns">
<p>LibSass brought to you by Aaron Leung and Hampton Catlin (<a href="https://twitter.com/hcatlin">@hcatlin</a>)</p>
</div>
</div>
</footer>
</div>
<script src="javascripts/vendor/all.js"></script>
<script type="text/javascript" src="javascripts/libsass-jquery.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>