Skip to content

Instantly share code, notes, and snippets.

View KittyGiraudel's full-sized avatar
🐈

Kitty Giraudel KittyGiraudel

🐈
View GitHub Profile
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:22
Generated by SassMeister.com.
// ----
// 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
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:22
Generated by SassMeister.com.
// ----
// 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.
////
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:22
Generated by SassMeister.com.
// ----
// 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
///
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:21
Generated by SassMeister.com.
// ----
// 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
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Created May 6, 2015 10:24
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
// _________ .___
// \_ ___ \ ____ __| _/____
// / \ \/ / _ \ / __ |/ __ \
// \ \___( <_> ) /_/ \ ___/
// \______ /\____/\____ |\___ >
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:20
Generated by SassMeister.com.
// _________ .___
// \_ ___ \ ____ __| _/____
// / \ \/ / _ \ / __ |/ __ \
// \ \___( <_> ) /_/ \ ___/
// \______ /\____/\____ |\___ >
// \/ \/ \/
/// Apply $function on each item from $list
/// using current item as first argument
/// and $args as optional extra arguments
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Created April 30, 2015 14:37
Generated by SassMeister.com.
// ----
// 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}
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:17
Generated by SassMeister.com.
// ----
// 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 {
@KittyGiraudel
KittyGiraudel / SassMeister-input.scss
Last active August 29, 2015 14:16
Generated by SassMeister.com.
// ----
// 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) {
@KittyGiraudel
KittyGiraudel / SassMeister-input-HTML.html
Last active August 29, 2015 14:15
Generated by SassMeister.com.
<div class="icon"></div>