yaqin8023
yaqin8023
/ dabblet.css
Created
June 15, 2016 08:57
— forked from csssecrets/dabblet.css
Vertical centering - absolute positioning method
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
| /** | |
| * Vertical centering - absolute positioning method | |
| */ | |
| main { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
yaqin8023
/ dabblet.css
Last active
June 15, 2016 06:38
— forked from csssecrets/dabblet.css
Diagonal stripes - repeating-linear-gradient() method
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
| /** | |
| * Diagonal stripes - repeating-linear-gradient() method | |
| */ | |
| background: repeating-linear-gradient(60deg, | |
| #fb3, #fb3 15px, | |
| #58a 0, #58a 30px); | |
| height: 100%; |
yaqin8023
/ dabblet.css
Created
June 15, 2016 06:38
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%; |
yaqin8023
/ dabblet.css
Created
June 15, 2016 06:36
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%; |
yaqin8023
/ dabblet.css
Created
June 15, 2016 06:36
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%; |
yaqin8023
/ dabblet.css
Created
June 15, 2016 06:36
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%; |
yaqin8023
/ dabblet.css
Created
June 15, 2016 06:35
Diagonal stripes - repeating-linear-gradient() method
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
| /** | |
| * Diagonal stripes - repeating-linear-gradient() method | |
| */ | |
| background: repeating-linear-gradient(60deg, | |
| #fb3, #fb3 15px, | |
| #58a 0, #58a 30px); | |
| height: 100%; |