Skip to content

Instantly share code, notes, and snippets.

View tobaco's full-sized avatar

Torsten Baldes tobaco

View GitHub Profile
@tobaco
tobaco / index.haml
Created September 14, 2012 17:53
No pseudo-elements just gradients.
- (1..3).each do |i|
%div hello
@tobaco
tobaco / dabblet.css
Created September 17, 2012 14:56 — forked from chriscoyier/dabblet.css
F.A.Q
/* F.A.Q */
div { position: relative; }
input[type=radio] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
@tobaco
tobaco / scrollbars.css
Created September 20, 2012 19:10
Style Scrollbars in Webkit (example from dabblet.com)
/**
* Style scrollbars in Webkit
* Warning: nonstandard CSS ahead
*/
::-webkit-scrollbar {
width: 20px;
height: 20px;
}
section.page:not(.focus):not(:hover)::-webkit-scrollbar {
@tobaco
tobaco / dabblet.css
Created October 6, 2012 10:44
Animation-Test
/**
* Animation-Test
*/
body{
background: #f06;
background: linear-gradient(90deg, #f06, yellow);
min-height: 100%;
font-family: Verdana, Arial;
font-size: 12px
}
<?php
/**
* Custom configuration bootsrtap file for ExpressionEngine
*
* Place config.php in your site root
* Add require(realpath(dirname(__FILE__) . '/../../config_bootstrap.php')); to the bottom of system/expressionengine/config/config.php
* Add require(realpath(dirname(__FILE__) . '/../../config_bootstrap.php')); to the bottom of system/expressionengine/config/database.php
* If you have moved your site root you'll need to update the require_once path
*
@tobaco
tobaco / README
Created June 13, 2013 09:50 — forked from gmyx/README
Drop in replace functions for setTimeout() & setInterval() that
make use of requestAnimationFrame() for performance where available
http://www.joelambert.co.uk
Copyright 2011, Joe Lambert.
Free to use under the MIT license.
http://www.opensource.org/licenses/mit-license.php
@tobaco
tobaco / SassMeister-input.scss
Created September 30, 2014 12:35
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$modules: () !default;
@mixin exports($name) {
@if (not index($modules, $name)) {
$modules: append($modules, $name);
@content;
@tobaco
tobaco / dabblet.css
Created November 9, 2014 15:43
Pounding heart animation
/* Pounding heart animation */
@keyframes pound {
0% { opacity: 0;}
20% { opacity: 0.2 }
85% { opacity: 0;}
100% { transform: scale(2); opacity: 0 }
}
.heart {
@tobaco
tobaco / SassMeister-input.scss
Created December 1, 2014 15:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
@mixin frankly_trans(
$property: all,
$time: .3s,
$ease: out
) {
@tobaco
tobaco / dabblet.css
Created June 3, 2016 09:40 — forked from LeaVerou/dabblet.css
Emulating caret-color in WebKit/Blink
/**
* Emulating caret-color in WebKit/Blink
* Warning: NON-STANDARD. Your text will be shown with the caret color in Firefox, despite the @supports.
*/
@keyframes rainbow {
9% { color: yellow }
27% { color: orange }
45% { color: lime }
63% { color: aqua }