gilsanchez
gilsanchez
/ dabblet.css
Created
January 26, 2014 16:34
— forked from LeaVerou/dabblet.css
Animation on hover (right way)
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
| /** | |
| * Animation on hover (right way) | |
| */ | |
| div { | |
| width: 9em; | |
| padding: .6em 1em; | |
| margin: 2em auto; | |
| background: yellowgreen; | |
| animation: spin 1s linear infinite; |
gilsanchez
/ SassMeister-input.scss
Created
November 14, 2013 20:54
— forked from Snugug/SassMeister-input.scss
Generated by SassMeister.com.
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| $test: 'Hello World My Name Is Sam'; | |
| ////////////////////////////// | |
| // str-replace as single function | |
| ////////////////////////////// |
gilsanchez
/ SassMeister-input.scss
Created
August 7, 2013 22:59
Generated by SassMeister.com, the Sass playground.
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
| // ---- | |
| // Sass (v3.2.10) | |
| // Compass (v0.13.alpha.4) | |
| // ---- | |
| .foo { | |
| .bar { | |
| content: 'bar'; | |
| } |
gilsanchez
/ dabblet.css
Created
May 6, 2013 20:21
— forked from vasilisvg/dabblet.css
A simple menu with a :hover action
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
| /** | |
| * A simple menu with a :hover action | |
| */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font: 100%/2.5 helvetica, arial; | |
| } |
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!'); |
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
| /** | |
| * Just for fun: Wifi icon with pure CSS | |
| */ | |
| .wifi { | |
| padding: 20px; | |
| } | |
| .wifi, .wifi:before { | |
| display: inline-block; |
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!'); |
gilsanchez
/ dabblet.css
Created
March 25, 2013 01:49
— forked from LeaVerou/dabblet.css
Vertically centered text with SVG
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
| /* Vertically centered text with SVG */ | |
| div { | |
| width: 300px; | |
| height: 150px; | |
| background: #f06; | |
| font: bold 150% sans-serif; | |
| text-shadow: 0 1px 2px rgba(0,0,0,.5); | |
| overflow: hidden; resize: both; /* just for this demo */ |
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!'); |
gilsanchez
/ dabblet.css
Created
October 4, 2012 15:58
— forked from kizu/dabblet.css
Triangle with the box-shadow
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
| /** | |
| * Triangle with the box-shadow | |
| */ | |
| .bubble { | |
| position: relative; | |
| width: 30em; | |
| height: 30em; |
NewerOlder