2014-07-28 03:58:17 +02:00
|
|
|
!!!5
|
2018-12-28 01:31:28 +01:00
|
|
|
%html.no-js(lang='en'){class: data.page.head_classes}
|
2012-09-10 01:37:46 +02:00
|
|
|
%head
|
2018-12-28 01:31:28 +01:00
|
|
|
%meta(charset='utf-8')
|
|
|
|
%meta(http-equiv='X-UA-Compatible' content='IE=edge')
|
2013-10-09 12:30:53 +02:00
|
|
|
%title= page_title
|
2018-12-28 01:31:28 +01:00
|
|
|
%meta(name='description' content='Syntatically Awesome Style Sheets')
|
|
|
|
%meta(name='viewport' content='width=device-width, initial-scale=1')
|
|
|
|
|
|
|
|
= stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:300,400,600|Source+Serif+Pro'
|
|
|
|
= stylesheet_link_tag 'sass'
|
|
|
|
= yield_content :css
|
|
|
|
|
|
|
|
-# Old version of analytics (https://developers.google.com/analytics/devguides/collection/gajs/).
|
|
|
|
:javascript
|
|
|
|
var _gaq = _gaq || [];
|
|
|
|
_gaq.push(['_setAccount', 'UA-535380-8']);
|
|
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
|
|
|
|
(function() {
|
|
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
|
|
})();
|
|
|
|
|
|
|
|
-# New version of analytics (https://developers.google.com/analytics/devguides/collection/analyticsjs/).
|
|
|
|
:javascript
|
|
|
|
(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-535380-14', 'sass-lang.com');
|
|
|
|
ga('send', 'pageview');
|
|
|
|
|
|
|
|
= yield_content :js_head
|
2012-10-30 05:19:53 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
%body{class: page_classes}
|
2018-10-27 08:37:10 +02:00
|
|
|
/[if lt IE 9]
|
|
|
|
%p.browserupgrade
|
|
|
|
You are using an
|
|
|
|
%strong outdated
|
|
|
|
browser. Please
|
|
|
|
= link_to 'upgrade your browser', 'https://browsehappy.com/'
|
|
|
|
to improve your experience and security.
|
2012-11-29 18:33:08 +01:00
|
|
|
|
2018-12-28 01:31:28 +01:00
|
|
|
.sl-c-alert.sl-c-alert--info
|
|
|
|
.sl-l-container
|
|
|
|
%p
|
|
|
|
%strong Your laptop needs more Sass.
|
|
|
|
= succeed '.' do
|
|
|
|
= link_to 'http://devswag.com/products/sass-stickers-4' do
|
|
|
|
Grab a set of Sass stickers now
|
|
|
|
|
|
|
|
.sl-c-pop-stripe
|
|
|
|
|
|
|
|
%header.sl-c-banner(itemtype='http://schema.org/WPHeader' itemscope='itemscope' role='banner')
|
|
|
|
.sl-l-container
|
|
|
|
.sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters
|
|
|
|
%p.sl-l-grid__column.sl-c-banner__brand
|
|
|
|
= link_to '/' do
|
|
|
|
= image_tag 'logos/logo.svg', alt: 'Sass', height: '48'
|
|
|
|
|
2018-12-28 01:43:43 +01:00
|
|
|
%nav.sl-c-banner__navigation.sl-l-grid__column.sl-l-large-grid.sl-l-large-grid__column--auto-size.sl-c-list-horizontal-wrapper(itemtype='http://schema.org/SiteNavigationElement' itemscope='itemscope' role='navigation')
|
2018-12-28 01:31:28 +01:00
|
|
|
:markdown
|
|
|
|
- [Install](/install)
|
|
|
|
- [Learn Sass](/guide)
|
|
|
|
- [Blog](http://blog.sass-lang.com/)
|
|
|
|
- [Documentation](/documentation/)
|
|
|
|
- [Get Involved](/community)
|
|
|
|
|
|
|
|
%main.content(itemprop='mainContentOfPage' role='main')
|
|
|
|
%h1.sl-l-container
|
|
|
|
- if current_page.data.h1?
|
|
|
|
= Typogruby.improve(current_page.data.h1)
|
2018-10-27 08:37:10 +02:00
|
|
|
|
2018-12-28 01:31:28 +01:00
|
|
|
- else
|
|
|
|
= Typogruby.improve(current_page.data.title)
|
2013-10-12 23:39:55 +02:00
|
|
|
|
2018-10-27 08:37:10 +02:00
|
|
|
|
2018-12-28 01:31:28 +01:00
|
|
|
.sl-l-section.sl-l-container.sl-background--white= Typogruby.improve(yield)
|
2014-07-23 00:27:15 +02:00
|
|
|
|
2018-12-28 01:31:28 +01:00
|
|
|
.sl-c-alert
|
|
|
|
.sl-l-container.sl-c-list-horizontal-wrapper
|
|
|
|
%ul.sl-l-grid--justify-center
|
|
|
|
%li
|
|
|
|
Current Releases:
|
|
|
|
|
|
|
|
%li
|
|
|
|
%span.release-name<
|
|
|
|
= link_to 'Dart Sass', '/dart-sass'
|
|
|
|
-# Force space between the two links.
|
|
|
|
 
|
|
|
|
= link_to impl_version(:dart) || '???', release_url(:dart)
|
|
|
|
|
|
|
|
%li
|
|
|
|
%span.release-name<
|
|
|
|
= link_to 'LibSass', 'libsass'
|
|
|
|
-# Force space between the two links.
|
|
|
|
 
|
|
|
|
= link_to impl_version(:libsass) || '???', release_url(:libsass)
|
|
|
|
|
|
|
|
%li
|
|
|
|
%span.release-name<
|
|
|
|
= link_to 'Ruby Sass', 'ruby-sass'
|
|
|
|
-# Force space between the two links.
|
|
|
|
 
|
|
|
|
= link_to impl_version(:ruby) || '???', |
|
|
|
|
'/documentation/file.SASS_CHANGELOG.html' |
|
|
|
|
|
|
|
|
%li.sl-l-grid__column.sl-l-large-grid__column--auto-size
|
|
|
|
= link_to 'Implementation Guide', 'implementation'
|
2013-10-09 12:30:53 +02:00
|
|
|
|
2018-10-27 08:37:10 +02:00
|
|
|
- if content_for?(:section_bottom)
|
2018-12-28 01:31:28 +01:00
|
|
|
%section.sl-background--white.sl-l-container= Typogruby.improve(yield_content :section_bottom)
|
|
|
|
|
|
|
|
%footer.site-footer.contentinfo(itemtype='http://schema.org/WPFooter' itemscope='itemscope' role='contentinfo')
|
|
|
|
.sl-l-container.sl-l-section
|
|
|
|
.sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters
|
|
|
|
.sl-l-grid__column
|
|
|
|
:markdown
|
|
|
|
Sass © 2006–2018 [Hampton Catlin][hampton], [Natalie
|
|
|
|
Weizenbaum][natalie], [Chris Eppstein][chris], [Jina Anne][jina], and
|
|
|
|
numerous contributors. It is available for use and modification under
|
|
|
|
the [MIT License][license].
|
|
|
|
|
|
|
|
[hampton]: http://www.hamptoncatlin.com/
|
|
|
|
[natalie]: http://nex-3.com/
|
|
|
|
[chris]: http://chriseppstein.github.io/
|
|
|
|
[jina]: https://www.sushiandrobots.com
|
|
|
|
[license]: http://sass-lang.com/docs/yardoc/file.MIT-LICENSE.html
|
|
|
|
|
|
|
|
%nav.sl-c-list-horizontal-wrapper
|
|
|
|
:markdown
|
|
|
|
- [Sass on GitHub](https://github.com/sass)
|
|
|
|
- [Website Source Code](https://github.com/sass/sass-site)
|
|
|
|
- [Style Guide](/styleguide)
|
|
|
|
- [Community Guidelines](/community-guidelines)
|
|
|
|
|
|
|
|
.sl-l-grid__column.sl-l-large-grid__column--auto-size.sl-l-large-grid--justify-right
|
|
|
|
%a.twitter-follow-button(href='https://twitter.com/SassCSS' data-show-count='false' data-size='large')
|
|
|
|
Follow @SassCSS
|
|
|
|
|
|
|
|
:javascript
|
|
|
|
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
|
2013-10-12 23:39:55 +02:00
|
|
|
|
2018-12-28 01:31:28 +01:00
|
|
|
= javascript_include_tag 'vendor/modernizr.custom.min'
|
|
|
|
= javascript_include_tag 'vendor/jquery.min'
|
|
|
|
= javascript_include_tag 'vendor/jquery-ui.min'
|
|
|
|
= javascript_include_tag 'vendor/html5-boilerplate/plugins'
|
|
|
|
= javascript_include_tag 'sass'
|
|
|
|
= yield_content :js_foot
|