Skip to content

Instantly share code, notes, and snippets.

Oli Studholme oli

Block or report user

Report or block oli

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@oli
oli / dabblet.css
Last active Jul 13, 2016
flexbox width test
View dabblet.css
/**
* flexbox width test
*/
.ruler {
width: 984px;
height: 6px;
background-color: #888;
}
.container {
width: 983px; /* 983 - 2px (inter-box spacing) = 981 / 3 = 327px */
@oli
oli / dabblet.css
Created Jul 13, 2016
Vertical centering with scrolling overflow
View dabblet.css
/**
* Vertical centering with scrolling overflow
*/
.wrapper1,
.wrapper2 {
width:100%;
height:100%;
margin:0;
padding:0;
}
@oli
oli / dabblet.css
Last active Jun 6, 2016
Vertical centering with scrolling overflow
View dabblet.css
/**
* Vertical centering with scrolling overflow
*/
.wrapper1,
.wrapper2 {
width:100%;
height:100%;
margin:0;
padding:0;
}
@oli
oli / dabblet.css
Created Jun 6, 2016
Table layout and ellipsis
View dabblet.css
/**
* Table layout and ellipsis
*/
.table {
border-collapse: collapse;
table-layout: fixed;
width: 100%
}
td {
@oli
oli / dabblet.css
Created Nov 12, 2015
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
@oli
oli / dabblet.css
Created Nov 12, 2015
removing text-shadow using ::selection kills the selection background color
View dabblet.css
/**
* removing text-shadow using ::selection kills the selection background color
*/
p {text-shadow: -1px -1px 0 #fde, 1px -1px 0 #fde, -1px 1px 0 #fde, 1px 1px 0 #fde;}
::selection {text-shadow: none; background-color: #b1d7fe;}
@oli
oli / dabblet.css
Created Oct 28, 2015
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
p {text-shadow: -1px -1px 0 #fde, 1px -1px 0 #fde, -1px 1px 0 #fde, 1px 1px 0 #fde;}
::selection {text-shadow: none;}
@oli
oli / dabblet.css
Created Oct 28, 2015
Generated content and line wrapping
View dabblet.css
/**
* Generated content and line wrapping
*/
html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
@oli
oli / dabblet.css
Created Oct 22, 2015
Generated content and line wrapping
View dabblet.css
/**
* Generated content and line wrapping
*/
.span1::after {
content: "→→→→→→";
}
.span2::after {
content: "\034F→→→→→";
}
@oli
oli / dabblet.css
Last active Oct 22, 2015
@font-face and serif for Japanese
View dabblet.css
/**
* @font-face and serif for Japanese
*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
body {font-family: serif;}
.test {font-family: "Source Sans Pro", serif;}
You can’t perform that action at this time.