-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
91 lines (89 loc) · 6.38 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
<!DOCTYPE html><!--[if lt IE9]><html class="no-js lte-ie8"><![endif]-->
<!--[if gte IE9]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<title>Go Team Sass</title>
<link rel="stylesheet" href="/styles/style.css" type="text/css">
</head>
<body>
<header>
<h1>Team Sass</h1>
</header>
<article role="main">
<section class="about"><h1>Go Team Sass</h1>
<p>One of the hardest things in the Sass and front end communities in general is being able to find and share work with each other. As such, lots of really great work tends to get duplicated project after project instead of everyone coming together to work towards common goals. We can have all of the install and search features under the sun, but a name neither guarentees us the project we want nor encourages us to collaborate together. We aim to fix that.</p>
<p>Team Sass is a collective of likeminded front end designers and developers coming together to build awesome, high quality, open source Sass projects. It is also a collection of projects made by said designers and developers, all screened to ensure a minimum level of code quality, broad usefullness, and general all-around awesomeness. All of the projects also share a similar ethos of flexibility and end-user control and are designed to be tools to use as opposed to packages to be applied.</p>
<p>If you would like to get involved in Team Sass, please reach out to us at <a href="https://twitter.com/goteamsass">@GoTeamSass</a></p>
</section>
<section class="members"><h1>Sassy People</h1>
<p>Team Sass is nothing without its members. Here are the current team members:</p>
<ul>
<li><a href="http://github.com/snugug">Sam Richard</a></li>
<li><a href="http://github.com/scottkellum">Scott Kellum</a></li>
<li><a href="http://github.com/canarymason">Mason Wendell</a></li>
<li><a href="http://github.com/misscs">Claudina Sarahe</a></li>
</ul>
</section>
<section class="projects">
<h1>Sassy Projects</h1>
<div id="color-schemer" class="project">
<h2><a href="https://github.com/Team-Sass/color-schemer">Color Schemer</a></h2>
<p class="description">Color schemer is a robust color toolset for Sass.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span>
</div>
</div>
<div id="modular-scale" class="project">
<h2><a href="https://github.com/Team-Sass/modular-scale">Modular Scale</a></h2>
<p class="description">Sassy Modular Scale is a Sass based mixin that calculates the incremental values of the modular scale in proportion to a set size and ratio. It was inspired by and adapted from Tim Brown's modularscale.com.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
<div id="style-prototypes" class="project">
<h2><a href="https://github.com/Team-Sass/Style-Prototypes">Style Prototypes</a></h2>
<p class="description">Style Prototypes is a Style Tile, Style Guide, and Color Guide built for designing in browser and allowing for Compass extensions to be built from the design work</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span><span class="grunt"></span><span class="bower"></span>
</div>
</div>
<div id="singularity" class="project">
<h2><a href="https://github.com/Team-Sass/Singularity">Singularity</a></h2>
<p class="description">Singularity is a next generation grid framework built from the ground up to be responsive.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
<div id="singularity-extras" class="project">
<h2><a href="https://github.com/Team-Sass/Singularity-extras">Singularity Extras</a></h2>
<p class="description">Singularity Extras are a set of plugins and add-ons for the Singularity Grid System.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
<div id="sassy-math" class="project">
<h2><a href="https://github.com/Team-Sass/Sassy-math">Sassy Math</a></h2>
<p class="description">Sassy Math is a tool designed to expand upon Sass and Compass's built in mathematic operations to include more advanced functions needed for complex calculations.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
<div id="breakpoint" class="project">
<h2><a href="https://github.com/Team-Sass/breakpoint">Breakpoint</a></h2>
<p class="description">Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
<div id="toolkit" class="project">
<h2><a href="https://github.com/Team-Sass/toolkit">Toolkit</a></h2>
<p class="description">Think of Toolkit as your swiss army knife for Progressive Enhancement and Responsive Web Design. Those little bits and bobs that make your life easy and you want to reuse throughout projects but never really had a place to put? They're here, and they're designed to make your life happy.</p>
<div class="tokens"><span class="sass"></span><span class="compass"></span><span class="ruby"></span>
</div>
</div>
</section>
</article>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40085617-1', 'goteamsass.com');
ga('send', 'pageview');
</script>
</body>
</html>