mirror of
https://github.com/danog/sass-site.git
synced 2024-12-16 03:17:15 +01:00
183 lines
7.8 KiB
Plaintext
183 lines
7.8 KiB
Plaintext
!!!5
|
|
%html.no-js(lang='en'){class: data.page.head_classes}
|
|
%head
|
|
%meta(charset='utf-8')
|
|
%meta(http-equiv='X-UA-Compatible' content='IE=edge')
|
|
%title= page_title
|
|
%meta(name='description' content='Syntatically Awesome Style Sheets')
|
|
%meta(name='viewport' content='width=device-width, initial-scale=1')
|
|
%link(rel="alternate" type="application/atom+xml" href="/feed.xml")
|
|
|
|
= stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:300,400,600|Source+Serif+Pro'
|
|
= stylesheet_link_tag 'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css'
|
|
= stylesheet_link_tag 'sass'
|
|
= yield_content :css
|
|
%noscript= stylesheet_link_tag 'noscript'
|
|
|
|
-# 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
|
|
|
|
%body{class: page_classes}
|
|
/[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.
|
|
|
|
.sl-c-alert.sl-c-alert--info
|
|
.sl-l-container
|
|
%p
|
|
%strong Sass just launched a brand new module system.
|
|
= succeed '!' do
|
|
= link_to '/blog/the-module-system-is-launched' do
|
|
Learn all about it on the Sass blog
|
|
|
|
.sl-c-pop-stripe
|
|
|
|
%header.sl-r-banner(itemtype='http://schema.org/WPHeader' itemscope='itemscope' role='banner')
|
|
.sl-c-alert.sl-c-alert--info
|
|
.sl-l-container
|
|
%p
|
|
Sass just launched a brand new module system.
|
|
= succeed '!' do
|
|
= link_to '/blog/the-module-system-is-launched' do
|
|
Learn all about the module system on the Sass blog
|
|
|
|
.sl-c-pop-stripe
|
|
.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-r-banner__brand
|
|
= link_to '/' do
|
|
= image_tag 'logos/logo.svg', alt: 'Sass', height: '48'
|
|
|
|
%nav.sl-r-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' aria-label='Site navigation')
|
|
:markdown
|
|
- [Install](/install)
|
|
- [Learn Sass](/guide)
|
|
- [Blog](/blog)
|
|
- [Documentation](/documentation)
|
|
- [Get Involved](/community)
|
|
- <label class="visuallyhidden" for="s">Search</label><input placeholder='Search' class='search' type='text' id="s" name="s">
|
|
|
|
%main{:class => "content", :id => "main-content"}(itemprop='mainContentOfPage' role='main')
|
|
%h1.sl-l-container
|
|
- if current_page.data.h1?
|
|
= Typogruby.improve(current_page.data.h1)
|
|
|
|
- elsif current_page.data.title
|
|
= Typogruby.improve(current_page.data.title)
|
|
|
|
|
|
- section_class = ''
|
|
|
|
- unless current_page.data.h1 == 'CSS with superpowers'
|
|
- section_class = 'sl-l-section'
|
|
|
|
.sl-l-container.sl-background--white{class: section_class}= yield
|
|
|
|
.sl-c-alert
|
|
.sl-l-container.sl-c-list-horizontal-wrapper(aria-labelledby='release-nav')
|
|
%ul.sl-l-grid--justify-center
|
|
%li#release-nav
|
|
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 link and the coffin.
|
|
%span(role='presentation' aria-label='coffin')
|
|
  ⚰
|
|
|
|
%li.sl-l-grid__column.sl-l-large-grid__column--auto-size
|
|
= link_to 'Implementation Guide', '/implementation'
|
|
|
|
- if content_for?(:section_bottom)
|
|
%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–#{Date.today.year} [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]: https://github.com/hcatlin
|
|
[natalie]: https://twitter.com/nex3
|
|
[chris]: http://chriseppstein.github.io/
|
|
[jina]: https://www.sushiandrobots.com
|
|
[license]: https://github.com/sass/dart-sass/blob/master/LICENSE
|
|
|
|
%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');
|
|
|
|
= javascript_include_tag 'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js'
|
|
:javascript
|
|
docsearch({
|
|
apiKey: 'a409ff5d6a2476083c1a8dd1f8c04ec5',
|
|
indexName: 'sass-lang',
|
|
inputSelector: 'input.search',
|
|
transformData: function(hits) {
|
|
var domain = window.location.origin + "/";
|
|
hits.forEach(function(hit) {
|
|
if (!hit.url.startsWith(domain)) {
|
|
hit.url = hit.url.replace(/^https?:\/\/[^\/]+\//, domain);
|
|
}
|
|
});
|
|
return hits;
|
|
},
|
|
debug: false
|
|
});
|
|
= javascript_include_tag 'sass'
|
|
= yield_content :js_foot
|