Skip to content

Instantly share code, notes, and snippets.

View imathis's full-sized avatar
🍽️
Hungry for biscuits.

Brandon Mathis imathis

🍽️
Hungry for biscuits.
View GitHub Profile
@aroben
aroben / git-commit-editor.vim
Last active March 30, 2023 07:57
Vim script to show git commit diff in vertical split while writing commit messages
" Put this in your .vimrc and whenever you `git commit` you'll see the diff of your commit next to your commit message.
" For the most accurate diffs, use `git config --global commit.verbose true`
" BufRead seems more appropriate here but for some reason the final `wincmd p` doesn't work if we do that.
autocmd VimEnter COMMIT_EDITMSG call OpenCommitMessageDiff()
function OpenCommitMessageDiff()
" Save the contents of the z register
let old_z = getreg("z")
let old_z_type = getregtype("z")
@WattsInABox
WattsInABox / .gitignore
Last active March 28, 2024 04:31
Generate Static HTML Website Using Ruby on Rails
# Ignore static version of the site (used to upload error pages to S3 for Heroku errors)
/out
@chriseppstein
chriseppstein / my_app_integration.rb
Created October 13, 2013 18:19
How to write your own application integration so that compass extensions can integrate with a custom application structure.
module MyAppIntegration
extend self
class Installer < Compass::Installers::ManifestInstaller
def completed_configuration
@completed_configuration ||= MyAppIntegration.configuration
end
# do special install stuff here
# like installing package manifests, etc.
@tdreyno
tdreyno / easing.scss
Created May 7, 2011 02:02
Easing functions for Sass 3.1
@function linear() {
@return cubic-bezier(0.250, 0.250, 0.750, 0.750); }
@function ease() {
@return cubic-bezier(0.250, 0.100, 0.250, 1.000); }
@function ease-in() {
@return cubic-bezier(0.420, 0.000, 1.000, 1.000); }
@function ease-in-quad() {
@return cubic-bezier(0.550, 0.085, 0.680, 0.530); }
@imathis
imathis / 3d.scss
Created January 5, 2011 23:23 — forked from chriseppstein/3d.scss
@function shadow-3d($thickness-shadow-color, $splash-shadow-color, $thickness, $angle: 0) {
$shadows: compact();
@if unit($thickness) != px { @warn "$thickness must be passed as a pixel value, eg: 5px." };
@for $i from 1 through $thickness/1px {
$shadows: append($shadows, 0 1px * $i 0 adjust-color($thickness-shadow-color, $lightness: -3.3% * ($i - 1)));
}
@each $values in (
0 $thickness + 1px 1px 0.1,
0 0 $thickness + 5px 0.3,
0 abs($thickness - 2px) 5px 0.2,

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

1.0 TODO

Antares v0.11

The focus on this release is to get the compass stylesheet libraries and docs as close to final for 1.0 as possible.

  1. Upgrade to Blueprint 1.0
  2. DONE Upgrade stylesheets
@imathis
imathis / iOS-pictos-buttons.sass
Created November 8, 2010 19:24
Some simple classes to be used with @extend and the pictos font
+font-face("pictos-web", font-files("pictos-web", woff, "pictos-web.ttf", truetype, "pictos-web.svg#webfontIyfZbseF", svg), 'pictos-web.eot')
.pictos
font-family: 'pictos-web'
font-weight: normal
font-style: normal
=pictos-button($char)
@extend .pictos-button-style
&:before
content: $char