Skip to content

Instantly share code, notes, and snippets.

View yatil's full-sized avatar
💭
Workin’

Eric Eggert yatil

💭
Workin’
View GitHub Profile
@yatil
yatil / beanstalkrevisionexample.php
Created August 22, 2011 07:42
Using beanstalks .revision file to assure that the latest CSS gets to the browsers when using aggressive caching
<?php
$content = file('/path/to/.revision');
//First line: $content[0];
define('REV',trim($content[0]));
?>
<link rel="stylesheet" href="style.css?v=<?=REV?>">
@yatil
yatil / dabblet.css
Created October 15, 2013 22:33
Untitled
body {
font-family: 'Helvetica';
font-size:20px;
}
section {
display:flex;
justify-content: center;
margin-bottom:30px;
}
/*global module:false*/
'use strict';
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: '<json:package.json>',
compass: {
@yatil
yatil / .htaccess
Created May 29, 2013 12:09 — forked from meaku/.htaccess
# HTTP(S) Stuff
# Redirect all users except IE 5-8 & Android < 4 to HTTPS
RewriteCond %{SERVER_PORT} !^443$
RewriteCond %{HTTP_USER_AGENT} !MSIE\ [5-8]
RewriteCond %{HTTP_USER_AGENT} !Android.*(Mobile)?\ [0-3]
RewriteRule (.*) https://%{HTTP_HOST}/$1 [L]
@yatil
yatil / dabblet.css
Created May 15, 2013 11:01
Untitled
body {
font-family: Arial;
font-size: 3em;
}
a:after {
content: ' Link';
}
.first:after:hover {
@function rem($property, $sizeValue: 1) {
@return #{$property} + ':' + ($sizeValue * $basefontsize) + 'px;' + #{$property} + ':' + $sizeValue + 'rem;';
}
@include rem(padding, .5);
// Expected output:
padding: 8px;
padding: 0.5rem;
@yatil
yatil / dabblet.css
Created March 27, 2013 13:36
Untitled
#test {
margin: 0 auto;
width: 200px;
}
p:not(.expand) {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
@yatil
yatil / config.rb
Created January 29, 2013 13:45
My default config.rb
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
# You can select your preferred output style
@yatil
yatil / doof.css
Created January 4, 2013 12:06
I searched for the form buttons in Safari and Chrome…
a.btn, button.btn {
border-radius:5px 5px 5px 5px;
display:inline-block;
margin-bottom:4px;position:relative;
// You shalt not find the button if you’re using a non-mozilla browser!
background:-moz-linear-gradient(center top , #01568F, #4B9FDC) repeat scroll 0 0 transparent;
color:#ffffff;
<div class="container list-item story stretched" xid="list-item-9" id="element-337" style="-webkit-transform: translate3d(0px, 4500px, 0px) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg); min-height: 110px; width: 1280px;">
<div class="inner container-inner list-item-inner" id="element-338">
<div class="container unsized frame list-item-item" xid="container-11" id="element-339">
<div class="inner container-inner" id="element-340">
<div class="image buffered-image story-profile-picture sized" xid="buffered-image-13" id="element-341" style="width: 35px; height: 35px; background-image: url(https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/261057_631604675_297058556_q.jpg);"></div>
<div class="container inlines unsized story-title" xid="inlines-4" id="element-342">
<div class="inner container-inner inlines-inner" id="element-343">
<div class="text unsized story-t