Skip to content
View dabblet.css
/**
* Vertical centering with scrolling overflow
*/
.wrapper1,
.wrapper2 {
width:100%;
height:100%;
margin:0;
padding:0;
}
View dabblet.css
/**
* Table layout and ellipsis
*/
.table {
border-collapse: collapse;
table-layout: fixed;
width: 100%
}
td {
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
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;}
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;}
View dabblet.css
/**
* Generated content and line wrapping
*/
html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
View dabblet.css
/**
* Generated content and line wrapping
*/
.span1::after {
content: "→→→→→→";
}
.span2::after {
content: "\034F→→→→→";
}
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;}
View dabblet.css
/**
* @font-face and serif for Japanese
*/
body {font-face: serif;}
.test {font-face: "test", serif;}
View dabblet.css
/**
* Flexbox and ellipsis
*/
ul {
display: flex
list-style: none;
white-space: nowrap; /* Stops line wrapping */
}
li {
overflow: hidden; /* Prevents overflow from expanding container */
Something went wrong with that request. Please try again.