Ruslan2230
/ dabblet.css
Created
June 12, 2018 00:39
— forked from LeaVerou/dabblet.css
Example to show off inline CSS highlighting
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
| /** | |
| * Example to show off inline CSS highlighting | |
| */ |
Ruslan2230
/ dabblet.css
Created
June 4, 2018 10:11
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
Ruslan2230
/ dabblet.css
Created
June 4, 2018 10:09
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
Ruslan2230
/ dabblet.css
Created
June 3, 2018 19:23
— forked from csssecrets/dabblet.css
Extending the hit area — with generated content
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
| /** | |
| * Extending the hit area — with generated content | |
| */ | |
| button { | |
| position: relative; | |
| padding: .3em .5em; | |
| background: #58a; | |
| border-radius: 50%; | |
| border: 1px solid rgba(0,0,0,.3); |
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
| /** | |
| * Extending the hit area — with borders | |
| */ | |
| button { | |
| padding: .3em .5em; | |
| border: 10px solid transparent; | |
| border-radius: 50%; | |
| background: #58a; | |
| background-clip: padding-box; |
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
| /** | |
| * Extruded text | |
| */ | |
| body { | |
| background: #58a; | |
| color: white; | |
| text-shadow: 0 1px hsl(0,0%,85%), | |
| 0 2px hsl(0,0%,80%), | |
| 0 3px hsl(0,0%,75%), |
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
| /** | |
| * Custom underlines | |
| */ | |
| body { | |
| font: 250%/1.6 Baskerville, Palatino, serif; | |
| } | |
| a { | |
| background: linear-gradient(gray, gray) no-repeat; |
Ruslan2230
/ dabblet.css
Created
June 3, 2018 18:20
— forked from csssecrets/dabblet.css
Fancy Ampersands
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; | |
| } |
NewerOlder