Skip to content

Instantly share code, notes, and snippets.

@kristofgilicze
Created February 13, 2021 00:45
Show Gist options
  • Save kristofgilicze/0cd9b23c380ba073e4e62a4930df1e1e to your computer and use it in GitHub Desktop.
Save kristofgilicze/0cd9b23c380ba073e4e62a4930df1e1e to your computer and use it in GitHub Desktop.
Blueprint CSS pattern for backgrounds
body {
background-color: #269;
background-image:
linear-gradient(rgba(255,255,255,.5) 2px, transparent 2px),
linear-gradient(90deg, rgba(255,255,255,.5) 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment