Skip to content

Instantly share code, notes, and snippets.

View drublic's full-sized avatar
🌐
Remote by default

Hans Christian Reinl drublic

🌐
Remote by default
View GitHub Profile
@drublic
drublic / dabblet.css
Created September 22, 2012 22:05
Mobile Menu w/o JS - with transition-delay
/**
* Mobile Menu w/o JS - with transition-delay
*/
.navigation {
opacity: 0;
-webkit-transition: opacity 0s 999999s;
}
@drublic
drublic / dabblet.css
Created September 22, 2012 20:11
Mobile Menu w/o JS
/**
* Mobile Menu w/o JS
*/
.navigation {
display: none;
position: absolute;
top: 50px;
left: 10px;
@drublic
drublic / dabblet.css
Created April 21, 2012 23:09
Inlining elements with display: table
/**
* Inlining elements with display: table
*/
nav {
display: table;
width: 100%;
text-align: center;
}
@drublic
drublic / keep-focus.js
Last active March 29, 2017 15:20
A function that lets you circularly tab through a part of a page.
var tabbableElements = 'a[href], area[href], input:not([disabled]),' +
'select:not([disabled]), textarea:not([disabled]),' +
'button:not([disabled]), iframe, object, embed, *[tabindex],' +
'*[contenteditable]';
var keepFocus = function (context) {
var allTabbableElements = context.querySelectorAll(tabbableElements);
var firstTabbableElement = allTabbableElements[0];
var lastTabbableElement = allTabbableElements[allTabbableElements.length - 1];
on run {input, parameters}
set inputVolume to input volume of (get volume settings)
if inputVolume = 0 then
set inputVolume to 35
set displayNotification to "Microphone Unmuted"
else
set inputVolume to 0
set displayNotification to "Microphone Muted"
end if
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 12,
// font family with optional fallbacks
fontFamily: 'Consolas, Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
cursorColor: 'rgba(248,28,229,0.8)',
@drublic
drublic / dabblet.css
Created June 21, 2013 20:41
Testing Shy
/**
* Testing Shy
*/
.test-toonarrow {
width: 3.5rem;
}
.test-fitting {
width: 4rem;
}
@drublic
drublic / dabblet.css
Created March 24, 2013 13:44
Named Pages - Print style sheets
/**
* Named Pages - Print style sheets
*/
@page narrow {
size: 9cm 18cm;
}
@page rotated {
size: landscape;
}
@drublic
drublic / dabblet.css
Created March 12, 2013 20:35
Fixed content and YouToube iframe in WebKit
/**
* Fixed content and YouToube iframe in WebKit
*/
.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #ddd;
@drublic
drublic / dabblet.css
Created March 12, 2013 17:58
Test for text-alignment in input[type="number"]
/**
* Test for text-alignment in input[type="number"]
*/
input {
}