Skip to content

Instantly share code, notes, and snippets.

View cristianferrarig's full-sized avatar

Cristian Ferrari cristianferrarig

  • VOLTΛ
  • Stgo, Chile
View GitHub Profile
@cristianferrarig
cristianferrarig / mondrian.scss
Created May 18, 2015 15:19
Mondrian example
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@include layout($app),
$app: (
name: prey,
@cristianferrarig
cristianferrarig / change-detector.coffee
Last active August 29, 2015 14:21
Forms changes detector
Form = {}
Form.serializedForms = {}
#
# USAGE:
#
# First serialize form
# Form.saveSerialized( $("#myform") )
#
# events:
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$include-html-schema-classes: true !default;
$tone-darkest: #131B26 !default;
$tone-darker: #1D2838 !default;
$tone-dark: #485466 !default;
@cristianferrarig
cristianferrarig / SassMeister-input-HTML.haml
Created June 6, 2015 02:51
Generated by SassMeister.com.
%label.follow
%input{type: "checkbox"}
%span +0
@cristianferrarig
cristianferrarig / precompiler
Last active August 29, 2015 14:27
Precompiler utility
#!/bin/bash
cd "$(dirname $0)"
dir=`pwd`
css_dir="$dir/_css/"
scss_dir="$dir/_scss/"
file_name=""
css_file=""
@cristianferrarig
cristianferrarig / README.md
Last active October 5, 2015 22:38
Background Stretch

Background Stretch

Legal Values:

target -> Is the container with css background or contain img child

type -> 'css', 'img'

@author Cristian Ferrari <cristianferrarig@gmail.com> || @energettico

@cristianferrarig
cristianferrarig / README.md
Last active October 13, 2015 01:38
Add a caret to any element.

Add a caret to any element.

You can set the size, color, position and alignment of caret and border color and border size.

Legal Values:

position -> 'top', 'rigth', 'bottom' and 'left' align -> 'start', 'middle' and 'end' (also suppor unit measures)

@cristianferrarig
cristianferrarig / color-lightness-test.scss
Last active October 22, 2015 14:15
Color lightness test. [Lightness, Brightness and Luma]
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
// https://robots.thoughtbot.com/closer-look-color-lightness
// https://thoughtbot.github.io/color-lightness-test/
$background: #ee0;
@cristianferrarig
cristianferrarig / input.scss
Last active October 22, 2015 14:16
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
@function solidify($alpha-color, $background-color: white) {
$percent: alpha($alpha-color) * 100%;
$opaque: opacify($alpha-color, 1);
$solid-color: mix($opaque, $background-color, $percent);
@return $solid-color;
{
// Theme and color scheme
"theme": "predawn.sublime-theme",
"color_scheme": "Packages/Predawn/predawn.tmTheme",
"tabs_medium": true,
"predawn_findreplace_small": false,
"predawn_quick_panel_small": true,