This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
mkdir base && touch base/_vars.scss && touch base/_base.scss && mkdir blocks && touch blocks/_all.scss && mkdir modules && touch modules/_all.scss && mkdir pages && touch pages/_all.scss && mkdir lib && touch application.scss |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// ---- | |
$foo: 10; | |
$foo: 20; // redeclare to overwrite | |
$foo: 30 !default; // ONLY set if not already, this is the !default | |
$bar: 10; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Calculates knowledge level based on number of correct answers | |
calculateLevel: function(correctAnswers) { | |
var percent = (correctAnswers / questionCount).toFixed(2), | |
level = 0; | |
if (plugin.method.inRange(0, 0.330, percent)) { | |
level = 3; | |
} else if (plugin.method.inRange(0.331, 0.660, percent)) { | |
level = 2; | |
} else if (plugin.method.inRange(0.661, 1.00, percent)) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(function () { | |
$('#slickQuiz').slickQuiz({ | |
json: { | |
"info": { | |
"name": "Test Your Knowledge!!", | |
"main": "<p>Think you're smart enough to be on Jeopardy? Find out with this super crazy knowledge quiz!</p>", | |
"results": "<h5>Learn More</h5><p>Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus.</p>", | |
"level1": "Jeopardy Ready", | |
"level2": "Jeopardy Contender", | |
"level3": "Jeopardy Amateur", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(function () { | |
$.getJSON('path/to/file.json', function(data) { | |
$('#slickQuiz').slickQuiz({json: data}); | |
}); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Extends - @extend .inheritance-class; | |
* | |
* Selectors extending a class get comma separated. Property / value pairs ARE NOT duplicated everywhere. | |
* Use for simple selectors. Warning: it gets messy where there are sub-nodes | |
* | |
* Still unsure? Use @extend if a relationship IS implied AND you need the base class in the stylesheet. Example: | |
* .message { ... } | |
* .error { @extend .message; ... } | |
* .info { @extend .message; ... } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ========================================================================== | |
Block Title | |
========================================================================== */ | |
/** | |
* Markdown Example (HAML) | |
* | |
* %div.block_modifiers | |
* %header.block--element_modifiers |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
/* | |
A slightly more automated approach to BEM modifier classes: | |
using '&' parent selector interpolation, modifiers extend their bases, | |
so that HTML markup requires only the modifier class not the base *and* modifier | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
// To enable support for browsers that do not support @media queries, | |
// (IE <= 8, Firefox <= 3, Opera <= 9) set $mq-responsive to false | |
// Create a separate stylesheet served exclusively to these browsers, | |
// meaning @media queries will be rasterized, relying on the cascade itself | |
$mq-responsive: true !default; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
// Horizontal Spacing | |
@mixin margin--horz($left, $right: $left) { | |
margin-left: $left; | |
margin-right: $right; |
OlderNewer