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 | |
| */ | |
| dt, dd { | |
| display: inline; | |
| margin: 0; | |
| } | |
| dd { |
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 { | |
| padding: .5em; | |
| line-height: 1.5; | |
| background: hsl(20, 50%, 95%); | |
| background-image: linear-gradient( | |
| rgba(120,0,0,.1) 50%, transparent 0); |
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
| /** | |
| * Adjusting tabs | |
| */ | |
| pre { | |
| padding: .5em; | |
| line-height: 1.5; | |
| background: hsl(20, 50%, 95%); | |
| font-family: Consolas, Monaco, monospace; | |
| } |
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
| /** | |
| * Ligatures | |
| */ | |
| body { | |
| font: 200%/1.6 "Adobe Caslon Pro", Baskerville, serif; | |
| font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures; | |
| } |
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
| /** | |
| * Fancy Ampersands | |
| */ | |
| @font-face { | |
| font-family: Ampersand; | |
| src: local('Baskerville-Italic'), local('GoudyOldStyleT-Italic'), local('Garamond-Italic'), local('Palatino-Italic'); | |
| unicode-range: U+26; | |
| } |
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
| /** | |
| * Custom underlines | |
| */ | |
| body { | |
| font: 250%/1.6 Baskerville, Palatino, serif; | |
| } | |
| a { | |
| background: linear-gradient(gray, gray) no-repeat; |
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
| /** | |
| * Wavy underlines | |
| */ | |
| body { | |
| font: 250%/1.6 Baskerville, Palatino, serif; | |
| } | |
| a { | |
| background: linear-gradient(-45deg, transparent 40%, red 0, red 60%, transparent 0) 0 1em, |
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
| /** | |
| * Letterpress | |
| */ | |
| body { | |
| font: 250%/1.6 Baskerville, Palatino, serif; | |
| } | |
| p { | |
| padding: .8em 1em; |
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
| /** | |
| * Stroked text | |
| */ | |
| h1 { | |
| margin: 0; | |
| color: white; | |
| } | |
| h1:first-child { text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black; } |
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
| /** | |
| * Glowing text | |
| */ | |
| body { | |
| background: #203; | |
| font: bold 500%/1 Rockwell, serif; | |
| } | |
| a { |