Skip to content

Instantly share code, notes, and snippets.

@DragorWW

DragorWW/size-bar.css

Created January 4, 2018 06:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DragorWW/695d8d39932bbe633da60a5484fb4506 to your computer and use it in GitHub Desktop.
Save DragorWW/695d8d39932bbe633da60a5484fb4506 to your computer and use it in GitHub Desktop.
Download ZIP
Size bar
Raw
size-bar.css
.size-bar {
background-color: #555b5e;
background-image: linear-gradient(270deg,#eac3d6 1px,transparent 0,transparent),linear-gradient(270deg,hsla(0,0%,87%,.5) 1px,transparent 0,transparent),linear-gradient(270deg,hsla(0,0%,87%,.25) 1px,transparent 0,transparent);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 100px 75%,10px 50%,5px 25%;
border-radius: .175rem;
display: inline-block;
}
@DragorWW
Copy link
Author

DragorWW commented Jan 4, 2018

from http://oddbird.net/herman/docs/demo_sizes.html

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