Skip to content

Instantly share code, notes, and snippets.

@LemonGirl
LemonGirl / dabblet.css
Created August 15, 2018 01:19 — forked from csssecrets/dabblet.css
Parallelograms — with extra HTML element
/**
* Parallelograms — with extra HTML element
*/
.button { transform: skewX(45deg); }
.button > div { transform: skewX(-45deg); }
.button {
display: inline-block;
padding: .5em 1em;
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:04
Hyphenation
/**
* Hyphenation
*/
h3{
margin: 1em 0 0;
}
.paragraph0{
display: inline-block;
margin: 0 1em 2em 1em;
border: .2em solid #ccc;
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:08 — forked from csssecrets/dabblet.css
Inserting line breaks
/**
* Inserting line breaks
*/
body {
font: 150%/1.6 serif;
}
dl{
margin: 10px 20px;
}
.separation{
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:16 — forked from csssecrets/dabblet.css
Zebra striped text lines
/**
* Zebra striped text lines
*/
pre {
font-family: Consolas, Monaco, monospace;
padding: .5em;
line-height: 1.5;
/*background: hsl(20, 50%, 95%);*/
/*background-image: linear-gradient(
@LemonGirl
LemonGirl / dabblet.js
Last active March 30, 2019 09:40 — forked from csssecrets/dabblet.css
Untitled
// alert('Hello world!');
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:17
Adjusting tabs
/**
* Adjusting tabs
*/
pre {
padding: .5em;
line-height: 1.5;
background: hsl(20, 50%, 95%);
font-family: Consolas, Monaco, monospace;
}
code {
@LemonGirl
LemonGirl / dabblet.js
Last active March 30, 2019 09:51 — forked from csssecrets/dabblet.css
Untitled
// alert('Hello world!');
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:25
Ligatures
/**
* Ligatures
*/
@font-face{
font-family: "Adobe Caslon Pro";
src: url("http://s9.qhres.com/static/9087e3ed9cc7c604.otf");
}
@font-face{
font-family: Baskerville;
src: url("http://s0.qhres.com/static/999881397bb7da46.otf");
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:27 — forked from csssecrets/dabblet.css
Fancy Ampersands
/**
* Fancy Ampersands
*/
@font-face {
font-family: Ampersand;
src: url("http://s6.qhres.com/static/1208d5c9aa18d2d9.ttf"), url("http://s9.qhres.com/static/645941fdd87d0589.ttf");
/*unicode-range: U+26; // Unicode码位*/
}
@LemonGirl
LemonGirl / dabblet.css
Last active May 8, 2019 02:40 — forked from csssecrets/dabblet.css
Custom underlines
/**
* Custom underlines
*/
body {
font: 250%/1.8 Baskerville, Palatino, serif;
}
p.default a {
text-decoration: underline;