Skip to content

Instantly share code, notes, and snippets.

View dinocarl's full-sized avatar

Carl Albrecht-Buehler dinocarl

View GitHub Profile
@dinocarl
dinocarl / SassMeister-input.scss
Created September 30, 2014 03:20
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin icon ($name, $code) {
$slash: "//";
.#{$name}:before {
content: "#{str-slice($slash, 1, 1)}#{$code}";
}
@dinocarl
dinocarl / SassMeister-input.scss
Created September 30, 2014 04:14
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin icon ($name, $code) {
$withslash: "\"\\#{$code}\"";
.#{$name}:before {
content: unquote($withslash);
}
@dinocarl
dinocarl / SassMeister-input.scss
Created September 30, 2014 15:22
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@function char-from-code($iso-char) {
$escapeworkaround: "\"\\#{$iso-char}\"";
@return unquote($escapeworkaround);
}
@dinocarl
dinocarl / SassMeister-input.scss
Created September 30, 2014 15:35
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@function char-from-code($iso-char) {
@return unquote('\"\\#{$iso-char}\"');
}
.test {
@dinocarl
dinocarl / SassMeister-input.scss
Created November 20, 2014 20:32
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
@import "compass";
#home-positions {
transform: translateX(#{200 * sin(45deg)}px);
fetch: function fetch(options) {
// populate serverTime with the date response header
options = options || {};
options.method = 'HEAD';
options.success = function (model, response, options){
model.set({
serverTime: options.xhr.getResponseHeader('Date')
});
};
Backbone.Model.prototype.fetch.call(this, options);
https://codepen.io/anon/pen/MbVmYe // basic less flex box implementation
https://codepen.io/anon/pen/VEXNqw // v1 of text and image areas (all bleed options)
https://codepen.io/anon/pen/KGepQe // v2 of text and image areas (prescribed bleed options)
R.compose(
R.join(''),
R.flatten
)([1, 2, [3, 4], 5, [6, [7, 8, [9, [10, 11], 12]]]]);
// Argument-converted Sass Functions
@function fpAppend($item, $list) {
@return append($list, $item);
}
@function fpJoin($list2, $list1) {
@return join($list1, $list2);
}
@function fpNth($list, $item) {
https://jsfiddle.net/8t7ebhtm/4/