Skip to content

Instantly share code, notes, and snippets.

View WebPlatformDocs's full-sized avatar

WebPlatform Docs WebPlatformDocs

View GitHub Profile
@WebPlatformDocs
WebPlatformDocs / dabblet.css
Created May 7, 2013 19:24 — forked from rishabh-ink/dabblet.css
CSS border-right-color example
/**
* CSS border-right-color example
* http://docs.webplatform.org/wiki/css/properties/border-right-color
*/
body {
margin: 0 auto;
width: 80%;
}
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
@WebPlatformDocs
WebPlatformDocs / dabblet.css
Created June 1, 2013 13:42 — forked from anonymous/dabblet.css
Hier komt je titel
/**
* Hier komt je titel
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@WebPlatformDocs
WebPlatformDocs / dabblet.css
Created June 1, 2013 13:48 — forked from anonymous/dabblet.css
Hier komt je titel
/**
* Hier komt je titel
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
/*
* order
* CSS3 flexbox order property
* http://docs.webplatform.org/wiki/css/properties/flex-order
*/
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
.list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;