mirror of
https://github.com/danog/sass-site.git
synced 2024-11-30 04:29:17 +01:00
Try new approach to content block
This commit is contained in:
Jonny Gerig Meyer
parent
30d69be72e
commit
a730f6bdbb
@ -5,12 +5,12 @@ layout: base
|
||||
<div class="sl-l-large-holy-grail">
|
||||
<div class="sl-l-large-holy-grail__body">
|
||||
<div class="sl-l-large-holy-grail__main">
|
||||
<div {% unless no_container %}class="sl-l-container sl-l-container--small" {% endunless %}>
|
||||
{% if before_introduction_include %}
|
||||
{% include before_introduction_include %}
|
||||
<div{% unless no_container %} class="sl-l-container sl-l-container--small"{% endunless %}>
|
||||
{% if before_introduction %}
|
||||
{{ before_introduction }}
|
||||
{% endif %}
|
||||
{% if introduction %}
|
||||
<div class="sl-c-introduction {% if center_introduction %} sl-c-introduction--center{% endif %}">
|
||||
<div class="sl-c-introduction{% if center_introduction %} sl-c-introduction--center{% endif %}">
|
||||
{{ introduction | markdown }}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -21,13 +21,7 @@ layout: base
|
||||
|
||||
{% if complementary_content %}
|
||||
<div class="sl-l-large-holy-grail__complementary">
|
||||
{% if complementary_content_nav %}
|
||||
<nav aria-label={{ complementary_content_aria_label }} class="sl-c-list-navigation-wrapper">
|
||||
{% endif %}
|
||||
{{ complementary_content | markdown }}
|
||||
{% if complementary_content_nav %}
|
||||
</nav>
|
||||
{% endif %}
|
||||
{{ complementary_content }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@ -3,8 +3,8 @@ layout: base
|
||||
---
|
||||
|
||||
<div class="docSearch-content{% unless no_container %} sl-l-container sl-l-container--small{% endunless %}">
|
||||
{% if before_introduction_include %}
|
||||
{% include before_introduction_include %}
|
||||
{% if before_introduction %}
|
||||
{{ before_introduction }}
|
||||
{% endif %}
|
||||
{% if introduction %}
|
||||
<div class="sl-c-introduction{% if center_introduction %} sl-c-introduction--center{% endif %}">
|
||||
|
||||
@ -8,13 +8,14 @@ introduction: >
|
||||
work together to provide the best environment for learning, growing, and
|
||||
sharing of ideas. It is imperative that we keep Sass a fun, welcoming,
|
||||
challenging, and fair place to play.
|
||||
complementary_content: |-
|
||||
|
||||
### License
|
||||
eleventyComputed:
|
||||
complementary_content: |
|
||||
{% markdown %}
|
||||
### License
|
||||
|
||||
Our friends at [Ubuntu][] and [Drupal][] have already worked hard to develop
|
||||
their own community guidelines, and we borrow heavily from them. However, we
|
||||
have made modifications for our specific needs as a community.
|
||||
have made modifications for our specific needs as a community.
|
||||
|
||||
The Sass Community Guidelines are licensed under the [Creative Commons
|
||||
Attribution-Share Alike 3.0 license][cc]. You may re-use it for your own
|
||||
@ -33,35 +34,38 @@ complementary_content: |-
|
||||
of a Code of Conduct that includes clear anti-harassment procedures. Please
|
||||
consult with us if you feel the need to significantly deviate from these
|
||||
guidelines by sending an email to:
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
<!--
|
||||
var x="function f(x,y){var i,o=\"\",l=x.length;for(i=0;i<l;i++){if(i==28)y+=" +
|
||||
"i;y%=127;o+=String.fromCharCode(x.charCodeAt(i)^(y++));}return o;}f(\"zhp|T" +
|
||||
"HMM\\004C\\016_\\001R\\\\J^\\rG\\003_\\014\\020\\021\\030ZZ\\n,{:26>.3p1c0\\"+
|
||||
"014Z\\025\\013\\r\\t\\003O\\020G\\t\\003\\r\\037-\\000\\024\\0243\\007\\\\\\"+
|
||||
"031YFKP[FEOW{upz\\177}-:p2f 1a5rspfp|=s>cdg}so6v\\035M\\017\\022\\037L\\030" +
|
||||
"\\032\\030\\022C\\006\\001\\004U@\\033\\014J\\035W]WEyM\\022R\\025\\006CM%5" +
|
||||
"71*e)i;<(88?f\\177|>>zo(0\\177zplw\\000\\177\\022\\031.<3/TWV;469X\\\\]23BA" +
|
||||
"B/(BGG$%?MLM\\\"\\\\123XYr[TgVW==>SL4%!$IJ&*)FG+-.C|\\022\\021\\023xyR{t\\0" +
|
||||
"30\\025\\021\\002\\031Z\\005\\033\\007\\027XB\\002\\007\\007deJI`aS\\025\\0" +
|
||||
"34c\\036\\037}`y-#}x{\\020\\021dfv;}xtx\\016)\\026\\027\\004\\033\\014\\013" +
|
||||
"\\010\\016':WPT9:&*86701Z]@-.1,25?=LJK !\\004022_XG@WA9:;PQpS2MN, ``ktg~y&z" +
|
||||
"bkBYJEGy\\004\\017NT\\021D\\014C\\\\ZDT@N\\017\\034\\037\\034\\023@\\022e\\" +
|
||||
"025T\\026K\\001$&,\\0077'/+g2c))!\\014\\\"0:\\0209:$1v>42.)\\rbK\\016YTVT[B" +
|
||||
"\\021RA@\\025DXS\\031Y\\024\\032\\017\\\\]\\\\\\021B\\026G\\025FN=h*qkc=o|n" +
|
||||
"dn`#v2|=N1H7+x4p:i}ke6Y\\rZ\\013B\\005HHA]IEYK\\014\\006\",28)" ;
|
||||
while(x=eval(x));
|
||||
//-->
|
||||
//]]>
|
||||
</script>
|
||||
{% endmarkdown %}
|
||||
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
<!--
|
||||
var x="function f(x,y){var i,o=\"\",l=x.length;for(i=0;i<l;i++){if(i==28)y+=" +
|
||||
"i;y%=127;o+=String.fromCharCode(x.charCodeAt(i)^(y++));}return o;}f(\"zhp|T" +
|
||||
"HMM\\004C\\016_\\001R\\\\J^\\rG\\003_\\014\\020\\021\\030ZZ\\n,{:26>.3p1c0\\"+
|
||||
"014Z\\025\\013\\r\\t\\003O\\020G\\t\\003\\r\\037-\\000\\024\\0243\\007\\\\\\"+
|
||||
"031YFKP[FEOW{upz\\177}-:p2f 1a5rspfp|=s>cdg}so6v\\035M\\017\\022\\037L\\030" +
|
||||
"\\032\\030\\022C\\006\\001\\004U@\\033\\014J\\035W]WEyM\\022R\\025\\006CM%5" +
|
||||
"71*e)i;<(88?f\\177|>>zo(0\\177zplw\\000\\177\\022\\031.<3/TWV;469X\\\\]23BA" +
|
||||
"B/(BGG$%?MLM\\\"\\\\123XYr[TgVW==>SL4%!$IJ&*)FG+-.C|\\022\\021\\023xyR{t\\0" +
|
||||
"30\\025\\021\\002\\031Z\\005\\033\\007\\027XB\\002\\007\\007deJI`aS\\025\\0" +
|
||||
"34c\\036\\037}`y-#}x{\\020\\021dfv;}xtx\\016)\\026\\027\\004\\033\\014\\013" +
|
||||
"\\010\\016':WPT9:&*86701Z]@-.1,25?=LJK !\\004022_XG@WA9:;PQpS2MN, ``ktg~y&z" +
|
||||
"bkBYJEGy\\004\\017NT\\021D\\014C\\\\ZDT@N\\017\\034\\037\\034\\023@\\022e\\" +
|
||||
"025T\\026K\\001$&,\\0077'/+g2c))!\\014\\\"0:\\0209:$1v>42.)\\rbK\\016YTVT[B" +
|
||||
"\\021RA@\\025DXS\\031Y\\024\\032\\017\\\\]\\\\\\021B\\026G\\025FN=h*qkc=o|n" +
|
||||
"dn`#v2|=N1H7+x4p:i}ke6Y\\rZ\\013B\\005HHA]IEYK\\014\\006\",28)" ;
|
||||
while(x=eval(x));
|
||||
//-->
|
||||
//]]>
|
||||
</script>
|
||||
|
||||
{% markdown %}
|
||||
We understand and acknowledge that the "Sass Community" is a loosely defined
|
||||
group of people who identify as Sass enthusiasts. We have no power to
|
||||
actively remove someone from the community. Ultimately, we can only use our
|
||||
voice to publicly declare that we do not agree with or endorse people or
|
||||
organizations who don't act in the spirit of these guidelines.
|
||||
no_container: false
|
||||
{% endmarkdown %}
|
||||
---
|
||||
|
||||
As such, the Sass Community Guidelines states our ideals as a community. It's
|
||||
|
||||
@ -1,51 +1,50 @@
|
||||
---
|
||||
layout: has_complimentary
|
||||
title: '#teamSass'
|
||||
introduction: |-
|
||||
introduction: >
|
||||
Sass has an awesome community of designers and developers who love to spread
|
||||
the word and help people out. Here we've collected some resources.
|
||||
Happy Styling!
|
||||
complementary_content: |-
|
||||
eleventyComputed:
|
||||
complementary_content: |
|
||||
<nav class="sl-c-list-navigation-wrapper" aria-label="Resources">
|
||||
{% markdown %}
|
||||
## Resources
|
||||
|
||||
## Resources
|
||||
### [Jump Start Sass](https://amzn.to/2LKF0uR)
|
||||
by Hugo Giraudel and Miriam Suzanne
|
||||
|
||||
### [Jump Start Sass](https://amzn.to/2LKF0uR)
|
||||
by Hugo Giraudel and Miriam Suzanne
|
||||
### [Pragmatic Guide to Sass 3: Tame the Modern Style Sheet](https://amzn.to/2LEwXiZ)
|
||||
by Hampton Lintorn Catlin and Michael Lintorn Catlin
|
||||
|
||||
### [Pragmatic Guide to Sass 3: Tame the Modern Style Sheet](https://amzn.to/2LEwXiZ)
|
||||
by Hampton Lintorn Catlin and Michael Lintorn Catlin
|
||||
### [Sass for Web Designers](https://amzn.to/2RkIVU3)
|
||||
by Dan Cederholm
|
||||
|
||||
### [Sass for Web Designers](https://amzn.to/2RkIVU3)
|
||||
by Dan Cederholm
|
||||
|
||||
### [Sass and Compass in Action](https://amzn.to/2RjAQz7)
|
||||
by Wynn Netherland, Natalie Weizenbaum, Chris Eppstein, Brandon Mathis
|
||||
complementary_content_nav: True
|
||||
complementary_content_aria_label: 'Resources'
|
||||
no_container: false
|
||||
### [Sass and Compass in Action](https://amzn.to/2RjAQz7)
|
||||
by Wynn Netherland, Natalie Weizenbaum, Chris Eppstein, Brandon Mathis
|
||||
{% endmarkdown %}
|
||||
</nav>
|
||||
---
|
||||
|
||||
**Everyone is welcome in the Sass community, except those who are
|
||||
unwelcoming**. Please read and follow our
|
||||
[community guidelines](/community-guidelines).
|
||||
**Everyone is welcome in the Sass community, except those who are unwelcoming**.
|
||||
Please read and follow our [community guidelines](/community-guidelines).
|
||||
|
||||
Thinking of **contributing** to Sass itself? We rely on everyone to
|
||||
keep Sass as stable as it is. Feel free to
|
||||
[submit a patch via pull request](#Contribute) to the Sass project.
|
||||
Thinking of **contributing** to Sass itself? We rely on everyone to keep Sass as
|
||||
stable as it is. Feel free to [submit a patch via pull request](#Contribute) to
|
||||
the Sass project.
|
||||
|
||||
Want to create your own Sass implementation? Check out our
|
||||
[implementation guidelines](/implementation).
|
||||
Want to create your own Sass implementation? Check out our [implementation
|
||||
guidelines](/implementation).
|
||||
|
||||
## Contribute
|
||||
<h2 id="Contribute">Contribute</h2>
|
||||
|
||||
Sass is an [open source project][github] and we encourage you to contribute.
|
||||
You can contribute with [bug reports and feature requests][issues], and if
|
||||
you contribute code, we'll love you forever. If you just want to help out
|
||||
but you're not sure what to do, check out the "Help Wanted" label for [the
|
||||
Sass language][lang help] or for [Dart Sass][dart help]. These issues
|
||||
are a mix of feature requests, bugs, and tasks that aren't coding-intensive
|
||||
that the developers think are a good place for someone new to the codebase
|
||||
to jump in.
|
||||
Sass is an [open source project][github] and we encourage you to contribute. You
|
||||
can contribute with [bug reports and feature requests][issues], and if you
|
||||
contribute code, we'll love you forever. If you just want to help out but you're
|
||||
not sure what to do, check out the "Help Wanted" label for [the Sass
|
||||
language][lang help] or for [Dart Sass][dart help]. These issues are a mix of
|
||||
feature requests, bugs, and tasks that aren't coding-intensive that the
|
||||
developers think are a good place for someone new to the codebase to jump in.
|
||||
|
||||
[github]: https://github.com/sass/sass
|
||||
[issues]: https://github.com/sass/sass/issues
|
||||
@ -53,11 +52,10 @@ to jump in.
|
||||
[dart help]: https://github.com/sass/dart-sass/labels/help%20wanted
|
||||
|
||||
[Dart Sass][] is the reference implementation of Sass, and the easiest
|
||||
implementation to start hacking on. If you don't know Dart, don't worry!
|
||||
It's very easy to pick up. Check out the [contributing info][] for more
|
||||
information on helping out. Or, if you're interested in helping add new
|
||||
features to the Sass language, look at [the language contribution
|
||||
process][].
|
||||
implementation to start hacking on. If you don't know Dart, don't worry! It's
|
||||
very easy to pick up. Check out the [contributing info][] for more information
|
||||
on helping out. Or, if you're interested in helping add new features to the Sass
|
||||
language, look at [the language contribution process][].
|
||||
|
||||
[Dart Sass]: /dart-sass
|
||||
[contributing info]: https://github.com/sass/dart-sass/blob/master/CONTRIBUTING.md
|
||||
|
||||
@ -6,30 +6,30 @@ is_home: true
|
||||
eleventyComputed:
|
||||
section_bottom:
|
||||
- header: CSS Compatible
|
||||
body: |
|
||||
body: >
|
||||
Sass is completely compatible with all versions of CSS. We take this
|
||||
compatibility seriously, so that you can seamlessly use any available
|
||||
CSS libraries.
|
||||
- header: Feature Rich
|
||||
body: |
|
||||
body: >
|
||||
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.
|
||||
- header: Mature
|
||||
body: |
|
||||
body: >
|
||||
Sass has been actively supported for
|
||||
{{ 'Tue Nov 28 19:43:58 2006 +0000' | formatDistanceToNow }} by its
|
||||
loving Core Team.
|
||||
- header: Industry Approved
|
||||
body: |
|
||||
body: >
|
||||
Over and over again, the industry is choosing Sass as the premier CSS
|
||||
extension language.
|
||||
- header: Large Community
|
||||
body: |
|
||||
body: >
|
||||
Sass is actively supported and developed by a consortium of several tech
|
||||
companies and hundreds of developers.
|
||||
- header: Frameworks
|
||||
body: |
|
||||
body: >
|
||||
There are an endless number of frameworks built with Sass.
|
||||
[Bootstrap](https://getbootstrap.com/), [Bourbon](http://bourbon.io/),
|
||||
and [Susy](http://susy.oddbird.net/) just to name a few.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user