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.13) | |
// Compass (v1.0.3) | |
// ---- | |
/// Function to test | |
/// @param {Number} $value - Value to double | |
/// @return {Number} Doubled $valued | |
@function double($value) { | |
// Voluntarily introducing a bug in the tested function |
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.14) | |
// Compass (v1.0.3) | |
// ---- | |
//// | |
/// Here is a way to use `@error` while still supporting Sass 3.3 | |
/// and below, which have no support for the `@error` directive. | |
//// |
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.13) | |
// Compass (v1.0.3) | |
// ---- | |
/// Create a compound selector using `:nth-child` to target | |
/// children that are multiples of `$n` | |
/// | |
/// @param {Number} $n | |
/// |
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.14) | |
// Compass (v1.0.1) | |
// ---- | |
/// Recursive breakpoint manager relying on Sass media merging | |
/// Could safely be coupled with a breakpoint retriever from a global map or something | |
/// @author Hugo Giraudel | |
/// @param {Map} $queries - Map of media queries | |
/// @example scss - Min and max-width queries |
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.13) | |
// Compass (v1.0.3) | |
// ---- | |
// _________ .___ | |
// \_ ___ \ ____ __| _/____ | |
// / \ \/ / _ \ / __ |/ __ \ | |
// \ \___( <_> ) /_/ \ ___/ | |
// \______ /\____/\____ |\___ > |
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
// _________ .___ | |
// \_ ___ \ ____ __| _/____ | |
// / \ \/ / _ \ / __ |/ __ \ | |
// \ \___( <_> ) /_/ \ ___/ | |
// \______ /\____/\____ |\___ > | |
// \/ \/ \/ | |
/// Apply $function on each item from $list | |
/// using current item as first argument | |
/// and $args as optional extra arguments |
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.13) | |
// Compass (v1.0.3) | |
// ---- | |
/// Get closest element of $list from $number | |
/// @author Hugo Giraudel | |
/// @param {List} $list - List of numbers | |
/// @param {Number} $number - Number to get closest item from | |
/// @return {Number} |
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.12) | |
// Compass (v1.0.3) | |
// ---- | |
/// Mixin to increase selector specificity | |
/// @author Hugo Giraudel | |
/// @param {Number} $level [2] - Specificity level | |
/// @example scss - Increase selector specificity | |
/// .foo { |
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.12) | |
// Compass (v1.0.3) | |
// ---- | |
/// Since the current way to qualify a class from within its ruleset is quite | |
/// ugly, here is a mixin providing a friendly API to do so. | |
/// @author Hugo Giraudel | |
/// @param {String} $element-selector - Element selector | |
@mixin qualify($element-selector) { |
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
<div class="icon"></div> |