LemonGirl LemonGirl
LemonGirl
/ dabblet.js
Last active
March 30, 2019 09:40
— forked from csssecrets/dabblet.css
Untitled
This file contains hidden or 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
| // alert('Hello world!'); |
LemonGirl
/ dabblet.css
Last active
May 8, 2019 02:16
— forked from csssecrets/dabblet.css
Zebra striped text lines
This file contains hidden or 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
| /** | |
| * Zebra striped text lines | |
| */ | |
| pre { | |
| font-family: Consolas, Monaco, monospace; | |
| padding: .5em; | |
| line-height: 1.5; | |
| /*background: hsl(20, 50%, 95%);*/ | |
| /*background-image: linear-gradient( |
LemonGirl
/ dabblet.css
Last active
May 8, 2019 02:08
— forked from csssecrets/dabblet.css
Inserting line breaks
This file contains hidden or 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
| /** | |
| * Inserting line breaks | |
| */ | |
| body { | |
| font: 150%/1.6 serif; | |
| } | |
| dl{ | |
| margin: 10px 20px; | |
| } | |
| .separation{ |
This file contains hidden or 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
| /** | |
| * Hyphenation | |
| */ | |
| h3{ | |
| margin: 1em 0 0; | |
| } | |
| .paragraph0{ | |
| display: inline-block; | |
| margin: 0 1em 2em 1em; | |
| border: .2em solid #ccc; |
LemonGirl
/ dabblet.css
Created
August 15, 2018 01:19
— forked from csssecrets/dabblet.css
Parallelograms — with extra HTML element
This file contains hidden or 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
| /** | |
| * Parallelograms — with extra HTML element | |
| */ | |
| .button { transform: skewX(45deg); } | |
| .button > div { transform: skewX(-45deg); } | |
| .button { | |
| display: inline-block; | |
| padding: .5em 1em; |
NewerOlder