Veit Lehmann levito
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <style> | |
| html { | |
| background-color: #f63; | |
| padding: 50px 200px; | |
| } | |
| h1 { | |
| color: #fff; |
levito
/ gist:4ce9003f9b0163db7b8d
Created
December 11, 2014 02:45
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Verifying that +levito is my openname (Bitcoin username). https://onename.io/levito |
levito
/ dabblet.css
Created
March 13, 2013 18:47
— forked from LeaVerou/dabblet.css
Switch-style checkboxes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * 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
/ 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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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
/ 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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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. |