Some cleanup and adding community.yml

This commit is contained in:
₍˄ุ.͡˳̫.˄ุ₎ 2013-10-10 16:21:47 -04:00
parent 454ab06f6b
commit 45bb70bd22
18 changed files with 187 additions and 178 deletions

4
data/community.yml Normal file
View File

@ -0,0 +1,4 @@
articles:
- name: mobile-small
- description: mobile-small
url: 240

View File

@ -10,8 +10,7 @@ $progress-block-delay-interval: 1 / $progress-block-count;
.progress {
@include stretch;
width: 100%;
height: 100%;
@include square(100%);
}
.progress-wrap { @extend %table-layout; }
@ -34,10 +33,9 @@ $progress-block-delay-interval: 1 / $progress-block-count;
@include animation-duration(#{$progress-block-animation-duration}s);
@include animation-iteration-count;
@include animation-direction;
@include square($progress-block-size);
position: absolute;
top: 0;
width: $progress-block-size;
height: $progress-block-size;
background: $color-primary;
}

View File

@ -2,6 +2,7 @@
padding-bottom: 0;
max-width: 35em;
text-align: center;
color: $color-accent;
@include at-breakpoint($tablet-large) {
@include font-size-large;

View File

@ -13,3 +13,8 @@ $<%= resolution.target %>: <%= resolution.width %>px;
<% end %>
$sticky-contentinfo-height: rhythm(6);
@mixin square($size: $column-width) {
width: $size;
height: $size;
}

View File

@ -11,9 +11,8 @@
}
@mixin table-layout {
@include square(100%);
display: table;
width: 100%;
height: 100%;
}
@mixin table-layout-cell($vertical-align: middle) {
@ -22,22 +21,20 @@
}
@mixin visually-hidden {
@include square(1px);
position: absolute;
margin: -1px;
padding: 0;
border: 0;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
&.focusable {
&:active,
&:focus {
@include square(auto);
position: static;
margin: 0;
width: auto;
height: auto;
overflow: visible;
clip: auto;
}

View File

@ -15,6 +15,7 @@
@include font-size-regular;
margin: 0;
line-height: 0;
text-align: left;
img {
@include transition-property(height);
@ -33,10 +34,11 @@
.banner-toggle {
position: absolute;
top: 0;
right: $gutter-width;
right: $gutter-width;
button {
@extend %clear-button;
@include square($column-width);
padding: 0;
}

View File

@ -17,14 +17,7 @@
}
@include at-breakpoint($tablet-large) {
.do-columns & {
@include padding-leader(3);
@include padding-trailer(2);
@include span-columns(4 omega);
}
}
@include at-breakpoint($screen-small) {
.do-columns & { padding-left: $gutter-width * 4; }
@include padding-leader(3);
@include padding-trailer(2);
}
}

View File

@ -0,0 +1,8 @@
@include at-breakpoint($tablet-large) {
.content-primary {
@include span-columns(8);
h2,
h3 { text-align: left; }
}
}

View File

@ -0,0 +1,10 @@
.content-secondary {
@include at-breakpoint($tablet-large) {
@include span-columns(4 omega);
h2,
h3 { text-align: left; }
}
@include at-breakpoint($screen-small) { padding-left: $gutter-width * 4; }
}

View File

@ -1,16 +1 @@
.content {
@extend .row;
@include transition-property(padding, text-align);
@include at-breakpoint($tablet-large) {
@include padding-trailer;
text-align: left;
h2,
h3 {
text-align: center;
.do-columns & { text-align: left; }
}
}
}
.content { @extend .row; }

View File

@ -5,11 +5,5 @@
@include at-breakpoint($tablet-large) {
@include padding-leader(2);
@include padding-trailer(2);
.do-columns & {
@include span-columns(8);
h2 { text-align: left; }
}
}
}

View File

@ -1,4 +1,5 @@
.section-bottom {
@include padding-leader(2);
@include padding-trailer(2);
@include background(linear-gradient(mix($color-background-shade, $color-background), transparent));
}

View File

@ -47,6 +47,8 @@
@import "regions/banner";
@import "regions/navigation";
@import "regions/content";
@import "regions/content-primary";
@import "regions/content-secondary";
@import "regions/main";
@import "regions/complementary";
@import "regions/section-bottom";

View File

@ -11,6 +11,8 @@ $contrasted-lightness-threshold: 75%;
pre { @include box-shadow(0 0 1px $color-shadow); }
code { @include ellipsis; }
dd {
@include padding-leader(.5);
@include padding-trailer(.5);

View File

@ -27,8 +27,7 @@
.responsive-test {
width: 100%;
height: 100%;
@include square(100%);
overflow: hidden {
x: scroll;
}

View File

@ -5,147 +5,155 @@ layout: layout_1_column
- content_for :introduction do
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.
.features
%ul
%li
:markdown
Still __getting started__? There are some great
[tutorials](#Tutorials) out there to get you on your feet.
%li
:markdown
Want to __learn more__? There's some great [Sass blogs](#Blogs")
(including [a few particular articles](#Articles) we recommend
reading), and even a few [books about Sass](#Books) to help you learn
some new tips and tricks. There are also a number of
[frameworks](#Frameworks) that make using Sass simple.
%li
:markdown
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.
the word and help people out. Here we&rsquo;ve collected some&nbsp;resources.
- content_for (:section_bottom) do
.features
%ul
%li
:markdown
Still __getting started__? There are some great
[tutorials](#Tutorials) out there to get you on your feet.
%li
%h3#Articles Sass Articles on the Web
/ Will clean up these articles later. It'll be a curated list of
/ articles that we'll update from time to time.
%ul
%li
= link_to "Sass vs. Less", 'http://css-tricks.com/sass-vs-less/'
by Chris Coyier, from CSS Tricks, May 2012
%li
= link_to "Redesigning with Sass", "http://css-tricks.com/redesigning-with-sass/"
by David Walsh, from CSS Tricks, October 2012
%li
= link_to "Using Bower with Sass & Compass", 'http://anthonyshort.me/2012/10/using-bower-with-sass-and-compass'
by Anthony Short, October 2012
%li
= link_to "Preprocess THIS!", 'http://cognition.happycog.com/article/preprocess-this'
by Allison Wagner, from Cognition, September 2012
%li
= link_to "A Newbs Guide to Syntactically Awesome Stylesheets (Sass) part 1", 'http://unmatchedstyle.com/news/a-newbs-guide-to-syntactically-awesome-stylesheets-sass-part-1.php'
by Dale Sande, from Unmatched Style, September 2012
%li
= link_to "Sass Sleuth: Debugging Sass in Webkit Browsers", 'http://www.mobify.com/dev/sass-sleuth-debugging-sass-in-webkit-browsers/'
by Roman, from the Mobify blog, August 2012
%li
= link_to "Stop the Pain of Vanilla CSS and Get Relief by Adding Toppings with Sass", 'http://www.zurb.com/article/1031/stop-the-pain-of-vanilla-css-and-get-reli'
by Chris, from the Zurb blog, July 2012
%li
= link_to "Building a Nested Responsive Grid with Sass & Compass", 'http://viget.com/inspire/building-a-nested-responsive-grid-with-sass-compass'
by Trevor Davis, from Viget, May 2012
%li
= link_to "Nested Selectors: The Inception Rule", 'http://thesassway.com/beginner/the-inception-rule'
by Mario "Kuroir" Ricalde, from The Sass Way, November 2011
%li
= link_to "Improve your Responsive Design Workflow with Sass", 'http://www.netmagazine.com/tutorials/improve-your-responsive-design-workflow-sass'
by Ryan Taylor, from .net, October 2011
%li
= link_to "Getting Started with Sass and Compass", 'http://thesassway.com/beginner/getting-started-with-sass-and-compass'
by Adam Stacoviak, from The Sass Way, June 2011
%li
= link_to "Getting Sassy with CSS", 'http://www.sencha.com/blog/getting-sassy-with-css/'
by David Kaneda, from the Sencha blog, June 2010
%li
= link_to "Using Compass and Sass for your Next CSS Project", 'http://net.tutsplus.com/tutorials/html-css-techniques/using-compass-and-sass-for-css-in-your-next-project/'
by Alex Coomans, from Net Tuts, August 2009
:markdown
Want to __learn more__? There's some great [Sass blogs](#Blogs")
(including [a few particular articles](#Articles) we recommend
reading), and even a few [books about Sass](#Books) to help you learn
some new tips and tricks. There are also a number of
[frameworks](#Frameworks) that make using Sass simple.
%li
%h3#Tutorials Tutorials
%ul
%li= link_to "CodeSchool", 'http://www.codeschool.com/courses/assembling-sass'
%li= link_to "LevelUp Tuts", 'http://leveluptuts.com/tutorials/sass-tutorials'
%li= link_to "Lynda.com", 'http://www.lynda.com/CSS-tutorials/CSS-LESS-SASS/107921-2.html'
%h3#Blogs Sass Blogs
/ Need to research a couple more of these
%ul
%li= link_to "The Sass Way", 'http://thesassway.com/'
%li= link_to "CSS Tricks", 'http://css-tricks.com/search-results/?q=sass'
%li= link_to "Zurb", 'http://zurb.com/blog/sass'
%li= link_to "NetTuts", 'http://net.tutsplus.com/?s=sass'
%li= link_to "Viget Inspire", 'http://viget.com/inspire/search/YTo2OntzOjg6ImtleXdvcmRzIjtzOjQ6InNhc3MiO3M6MTE6InNlYXJjaF9tb2RlIjtzOjM6ImFsbCI7czoxMToicmVzdWx0X3BhZ2UiO3M6MTQ6Imluc3BpcmUvc2VhcmNoIjtzOjEwOiJjb2xsZWN0aW9uIjthOjE6e2k6MDtzOjE6IjEiO31zOjEwOiJsb29zZV9lbmRzIjtiOjE7czo4OiJjYXRlZ29yeSI7czozOiIxMjUiO30'
%li= link_to "Unmatched Style", 'http://www.google.com/cse?cx=partner-pub-1988806651014029%3A4kuybaak597&ie=ISO-8859-1&q=sass#gsc.tab=0&gsc.q=sass&gsc.page=1'
%h3#Books Sass Books
%ul
%li= link_to "Sass for Web Designers", 'http://www.abookapart.com/products/sass-for-web-designers'
%li= link_to "Pragmatic Guide to Sass", 'http://pragprog.com/book/pg_sass/pragmatic-guide-to-sass'
%li= link_to "Sass and Compass in Action", 'http://manning.com/netherland/'
%h3#Projects Projects & Frameworks
%ul
%li
= link_to "Compass", 'http://compass-style.org/'
a CSS (and Sass!) authoring framework
%li
= link_to "Susy", 'http://susy.oddbird.net/'
a responsive grid layout built for Compass
%li
= link_to "Bourbon", 'http://bourbon.io/'
a lightweight mixin library
%li
= link_to "Neat", 'http://neat.bourbon.io/'
a mixin-based grid layout system
%li
= link_to "Zurb Foundation", 'http://foundation.zurb.com/'
a responsive front-end framework
%li
= link_to "Rock Hammer", 'https://github.com/malarkey/rock-hammer/'
a starting framework with some basic styles for a project
%li
= link_to "Twitter Bootstrap", 'https://github.com/jlong/sass-twitter-bootstrap'
the ubiquitous framework... this time written in Sass!
%li
= link_to "Gravity", 'http://gravityframework.com/'
a framework for making HTML5 websites with Sass
:markdown
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.
.content-primary
%h3#Articles Sass Articles on the Web
%ul.articles
- for article in data.community.articles
%li
%h3#Contribute Contribute
%p Sass is an open source project and we encourage you to contribute. You can contribute with bug reports and feature requests or if you have code to contribute we will love you forever.
%h4= link_to article.url, article.name
%p= article.description
%p When adding bug reports, feature requests, or code there are a couple of primary branches we use.
%hr/
/ Will clean up these articles later. It'll be a curated list of
/ articles that we'll update from time to time.
%dl
%dt= link_to "Stable", "https://github.com/nex3/sass"
%dd The stable branch is where we do development on the released version. The majority of bug fixes should go here. If you're just reporting a bug <a href="https://github.com/nex3/sass/issues"add an issue</a> and note the version of Sass where you experienced the issue in your comment. If you have a some code to contribute, fork the stable branch and send us a pull request. We'll review your patch and either accept or decline with comments.
.features
%ul
%li
%ul
%li
= link_to "Sass vs. Less", 'http://css-tricks.com/sass-vs-less/'
by Chris Coyier, from CSS Tricks, May 2012
%li
= link_to "Redesigning with Sass", "http://css-tricks.com/redesigning-with-sass/"
by David Walsh, from CSS Tricks, October 2012
%li
= link_to "Using Bower with Sass & Compass", 'http://anthonyshort.me/2012/10/using-bower-with-sass-and-compass'
by Anthony Short, October 2012
%li
= link_to "Preprocess THIS!", 'http://cognition.happycog.com/article/preprocess-this'
by Allison Wagner, from Cognition, September 2012
%li
= link_to "A Newbs Guide to Syntactically Awesome Stylesheets (Sass) part 1", 'http://unmatchedstyle.com/news/a-newbs-guide-to-syntactically-awesome-stylesheets-sass-part-1.php'
by Dale Sande, from Unmatched Style, September 2012
%li
= link_to "Sass Sleuth: Debugging Sass in Webkit Browsers", 'http://www.mobify.com/dev/sass-sleuth-debugging-sass-in-webkit-browsers/'
by Roman, from the Mobify blog, August 2012
%li
= link_to "Stop the Pain of Vanilla CSS and Get Relief by Adding Toppings with Sass", 'http://www.zurb.com/article/1031/stop-the-pain-of-vanilla-css-and-get-reli'
by Chris, from the Zurb blog, July 2012
%li
= link_to "Building a Nested Responsive Grid with Sass & Compass", 'http://viget.com/inspire/building-a-nested-responsive-grid-with-sass-compass'
by Trevor Davis, from Viget, May 2012
%li
= link_to "Nested Selectors: The Inception Rule", 'http://thesassway.com/beginner/the-inception-rule'
by Mario "Kuroir" Ricalde, from The Sass Way, November 2011
%li
= link_to "Improve your Responsive Design Workflow with Sass", 'http://www.netmagazine.com/tutorials/improve-your-responsive-design-workflow-sass'
by Ryan Taylor, from .net, October 2011
%li
= link_to "Getting Started with Sass and Compass", 'http://thesassway.com/beginner/getting-started-with-sass-and-compass'
by Adam Stacoviak, from The Sass Way, June 2011
%li
= link_to "Getting Sassy with CSS", 'http://www.sencha.com/blog/getting-sassy-with-css/'
by David Kaneda, from the Sencha blog, June 2010
%li
= link_to "Using Compass and Sass for your Next CSS Project", 'http://net.tutsplus.com/tutorials/html-css-techniques/using-compass-and-sass-for-css-in-your-next-project/'
by Alex Coomans, from Net Tuts, August 2009
%dl
%dt= link_to "Master", "https://github.com/nex3/sass/tree/master"
%dd The master branch is where we keep track of the next version of Sass. New feature requests should be made here. Similar to submitting patches, for the project and send us a pull request. We'll review your pull request and either accept or decline. If we decline we'll make a few comments in the pull request for changes or a reason the pull request was declined.
%li
%h3#Tutorials Tutorials
%ul
%li= link_to "CodeSchool", 'http://www.codeschool.com/courses/assembling-sass'
%li= link_to "LevelUp Tuts", 'http://leveluptuts.com/tutorials/sass-tutorials'
%li= link_to "Lynda.com", 'http://www.lynda.com/CSS-tutorials/CSS-LESS-SASS/107921-2.html'
%h3#PullRequests Pull Requests & Patches
%p Here are a few simple things you'll need to do when submitting a patch via pull request:
%ul
%li Write a commit message that is well-written, descriptive and contain proper grammar and punctuation.
%li Make sure the first line of your commit message is a short, full sentence.
%li Contain any appropriate unit tests in your commit
%li Add your changes to the changelog for the correct branch. The changelog is in <code>doc-src/SASS_CHANGELOG.md</code>
%li If your change is user-facing, update the appropriate section in reference documentation.
%h3#Blogs Sass Blogs
/ Need to research a couple more of these
%ul
%li= link_to "The Sass Way", 'http://thesassway.com/'
%li= link_to "CSS Tricks", 'http://css-tricks.com/search-results/?q=sass'
%li= link_to "Zurb", 'http://zurb.com/blog/sass'
%li= link_to "NetTuts", 'http://net.tutsplus.com/?s=sass'
%li= link_to "Viget Inspire", 'http://viget.com/inspire/search/YTo2OntzOjg6ImtleXdvcmRzIjtzOjQ6InNhc3MiO3M6MTE6InNlYXJjaF9tb2RlIjtzOjM6ImFsbCI7czoxMToicmVzdWx0X3BhZ2UiO3M6MTQ6Imluc3BpcmUvc2VhcmNoIjtzOjEwOiJjb2xsZWN0aW9uIjthOjE6e2k6MDtzOjE6IjEiO31zOjEwOiJsb29zZV9lbmRzIjtiOjE7czo4OiJjYXRlZ29yeSI7czozOiIxMjUiO30'
%li= link_to "Unmatched Style", 'http://www.google.com/cse?cx=partner-pub-1988806651014029%3A4kuybaak597&ie=ISO-8859-1&q=sass#gsc.tab=0&gsc.q=sass&gsc.page=1'
%h3#Books Sass Books
%ul
%li= link_to "Sass for Web Designers", 'http://www.abookapart.com/products/sass-for-web-designers'
%li= link_to "Pragmatic Guide to Sass", 'http://pragprog.com/book/pg_sass/pragmatic-guide-to-sass'
%li= link_to "Sass and Compass in Action", 'http://manning.com/netherland/'
%h3#Projects Projects & Frameworks
%ul
%li
= link_to "Compass", 'http://compass-style.org/'
a CSS (and Sass!) authoring framework
%li
= link_to "Susy", 'http://susy.oddbird.net/'
a responsive grid layout built for Compass
%li
= link_to "Bourbon", 'http://bourbon.io/'
a lightweight mixin library
%li
= link_to "Neat", 'http://neat.bourbon.io/'
a mixin-based grid layout system
%li
= link_to "Zurb Foundation", 'http://foundation.zurb.com/'
a responsive front-end framework
%li
= link_to "Rock Hammer", 'https://github.com/malarkey/rock-hammer/'
a starting framework with some basic styles for a project
%li
= link_to "Twitter Bootstrap", 'https://github.com/jlong/sass-twitter-bootstrap'
the ubiquitous framework... this time written in Sass!
%li
= link_to "Gravity", 'http://gravityframework.com/'
a framework for making HTML5 websites with Sass
%li
%h3#Contribute Contribute
%p Sass is an open source project and we encourage you to contribute. You can contribute with bug reports and feature requests or if you have code to contribute we will love you forever.
%p When adding bug reports, feature requests, or code there are a couple of primary branches we use.
%dl
%dt= link_to "Stable", "https://github.com/nex3/sass"
%dd The stable branch is where we do development on the released version. The majority of bug fixes should go here. If you're just reporting a bug <a href="https://github.com/nex3/sass/issues"add an issue</a> and note the version of Sass where you experienced the issue in your comment. If you have a some code to contribute, fork the stable branch and send us a pull request. We'll review your patch and either accept or decline with comments.
%dl
%dt= link_to "Master", "https://github.com/nex3/sass/tree/master"
%dd The master branch is where we keep track of the next version of Sass. New feature requests should be made here. Similar to submitting patches, for the project and send us a pull request. We'll review your pull request and either accept or decline. If we decline we'll make a few comments in the pull request for changes or a reason the pull request was declined.
%h3#PullRequests Pull Requests & Patches
%p Here are a few simple things you'll need to do when submitting a patch via pull request:
%ul
%li Write a commit message that is well-written, descriptive and contain proper grammar and punctuation.
%li Make sure the first line of your commit message is a short, full sentence.
%li Contain any appropriate unit tests in your commit
%li Add your changes to the changelog for the correct branch. The changelog is in <code>doc-src/SASS_CHANGELOG.md</code>
%li If your change is user-facing, update the appropriate section in reference documentation.

View File

@ -1,10 +1,10 @@
- wrap_layout :layout do
.container
.content.do-columns
.content
- if content_for?(:introduction)
%p.introduction= yield_content :introduction
%main.main(role="main")=yield
%main.main.content-primary(role="main")=yield
- if content_for?(:complementary)
.complementary(role="complementary")= yield_content :complementary

View File

@ -1,5 +1,5 @@
.page-header
.container(xmlns:v="http://rdf.data-vocabulary.org/#")
.container
%h1
- if current_page.data.h1?
= current_page.data.h1