Skip to content

Instantly share code, notes, and snippets.

@tkadlec

tkadlec/trigram.html

Last active September 16, 2021 11:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tkadlec/3091105 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tkadlec/3091105 to your computer and use it in GitHub Desktop.
Download ZIP
Trigram for heaven icon
Raw
trigram.html
<!DOCTYPE html>
<html>
<head>
<title>Trigram for heaven icon</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
li {
list-style-type: none;
}
#menu{
position: relative;
}
#menu a{
padding-left: 1.25em; /* 20px/16px */
}
#menu a:before {
content: "";
position: absolute;
top: 30%;
left:0px;
width:.75em; /* 12px/16px */
height:.125em; /* 2px/16px */
border-top: .375em double #000; /* 6px/16px */
border-bottom: .125em solid #000; /* 2px / 16px */
}​​​​​​​​​​​​​​​​​​​​​​​​​​​
</style>
</head>
<body>
<li id="menu"><a href="#">Menu</a></li>
</body>
</html>
@tkadlec
Copy link
Copy Markdown
Author

tkadlec commented Jul 11, 2012

Based on @necolas "Pure CSS GUI Icons" at http://nicolasgallagher.com/pure-css-gui-icons/

@paulgeisler
Copy link
Copy Markdown

paulgeisler commented Jul 29, 2013

Thanks. It's great.

@labs-pia
Copy link
Copy Markdown

labs-pia commented Sep 16, 2021

Many times simple ideas are the best ones!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment