Skip to content

Instantly share code, notes, and snippets.

View levito's full-sized avatar

Veit Lehmann levito

View GitHub Profile
@levito
levito / what-i-had.html
Created September 7, 2016 23:15
code in the dark @ typeform
<!doctype html>
<html>
<head>
<style>
html {
background-color: #f63;
padding: 50px 200px;
}
h1 {
color: #fff;
Verifying that +levito is my openname (Bitcoin username). https://onename.io/levito
@levito
levito / dabblet.css
Created March 13, 2013 18:47 — forked from LeaVerou/dabblet.css
Switch-style checkboxes.
/**
* Switch-style checkboxes.
* Inspired by Espresso’s “Tools” switch
*/
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
position: absolute;
opacity: 0;
}
@levito
levito / supportsSelector.js
Last active December 14, 2015 04:48 — forked from Skateside/supportsSelector.js
Detects whether or not a given CSS selector is supported by the current browser
// Detects whether or not a given CSS selector is supported by the current
// browser.
//
// Takes:
// selector (String) The CSS selector to test.
// Returns:
// (Boolean) true if the selector is supported, false
// otherwise.
var supportsSelector = (function () {
@levito
levito / index.html
Created February 18, 2013 00:22
A CodePen by Veit Lehmann. Responsive form layout - Adjusts label position depending on screen width. If you switch layout with a container class, it has the advantage of same markup for both layout variants. This makes using helper snippets for templating very easy.
<div class="formrow">
<div class="formitem">
<label class="label" for="a">
Foo bar
</label>
<input type="text" id="a"/>
</div>
<div class="formitem">
<label class="label" for="b">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.