sass-site/source/index.html.haml
2018-12-27 16:31:28 -08:00

74 lines
2.2 KiB
Plaintext

---
title: Syntactically Awesome Style Sheets
h1: CSS with superpowers
no_container: true
---
.sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters-large.sl-l-section
.sl-l-grid__column
%p.sl-c-introduction
Sass is the most mature, stable, and powerful professional grade CSS
extension language in the world.
%p.sl-l-grid__column
= image_tag 'illustrations/glasses.svg', height: '160', alt: 'Glasses'
- content_for :section_bottom do
%ul.sl-l-grid.sl-l-grid--full.sl-l-medium-grid--gutters-large.sl-l-medium-grid--divide-by-2.sl-l-large-grid--divide-by-3.sl-l-section
%li.sl-l-grid__column
:markdown
### CSS Compatible
Sass is completely compatible with all versions of CSS. We take this
compatibility seriously, so that you can seamlessly use any available
CSS libraries.
%li.sl-l-grid__column
:markdown
### Feature Rich
Sass boasts more features and abilities than any other CSS extension
language out there. The Sass Core Team has worked endlessly to not only
keep up, but stay ahead.
%li.sl-l-grid__column
%h3 Mature
%p
Sass has been actively supported for
= time_ago_in_words DateTime.parse('Tue Nov 28 19:43:58 2006 +0000')
by its loving Core Team.
%li.sl-l-grid__column
:markdown
### Industry Approved
Over and over again, the industry is choosing Sass as the premier CSS
extension language.
%li.sl-l-grid__column
:markdown
### Large Community
Sass is actively supported and developed by a consortium of several tech
companies and hundreds of developers.
%li.sl-l-grid__column
:markdown
### Frameworks
There are an endless number of frameworks built with Sass.
[Compass](http://compass-style.org/), [Bourbon](http://bourbon.io/), and
[Susy](http://susy.oddbird.net/) just to name a few.
- content_for :navigation do
.get-started
%h3 Getting Started Is Easy
%nav.sl-c-list-navigation-wrapper
:markdown
- [Install Sass](install)
- [Learn Sass](guide)
- [Get Involved](community)