Skip to content

Instantly share code, notes, and snippets.

@christopheranderton
Created May 25, 2020 09:31
Show Gist options
  • Save christopheranderton/ac6c8f6da7a6c8051544fa106a96b31c to your computer and use it in GitHub Desktop.
Save christopheranderton/ac6c8f6da7a6c8051544fa106a96b31c to your computer and use it in GitHub Desktop.
.gnaget-schack-pattern {
background-color: #ffdd00;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%);
background-size:100px 100px;
background-position: 0 0, 50px 50px;
}
.gnaget-schack-pattern-alt {
background-color: rgba(255, 221, 0, 1);
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:60px 60px;
background-position:0 0, 30px 30px
}
.gnaget-checkerboard-diag-pattern {
background-color: rgba(255, 221, 0, 1);
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:60px 60px;
}
.gnaget-dot-pattern {
background-color:#001;
background-image: radial-gradient(#ffdd00 15%, transparent 16%), radial-gradient(#96845f 15%, transparent 16%);
background-size:60px 60px;
background-position: 0 0, 30px 30px;
}
.gnaget-zickzack-pattern {
background: linear-gradient(135deg, #ffdd00 25%, transparent 25%) -50px 0, linear-gradient(225deg, #ffdd00 25%, transparent 25%) -50px 0, linear-gradient(315deg, #ffdd00 25%, transparent 25%), linear-gradient(45deg, #ffdd00 25%, transparent 25%);
background-size: 100px 100px;
background-color: black;
}
.gnaget-zap-bg-large {
background-image: linear-gradient(60deg, #ffdd00 50%, #010d18 50%);
}
/* -----------------------------------------*/
/* Bonus. Nödraketen. */
.nodraketen-menu-background {
background-color: #efe7db;
background-image: linear-gradient(90deg, transparent 79px, #eec4b9 79px, #eec4b9 81px, transparent 81px), linear-gradient(#d3d9d6 .1em, transparent .1em);
background-size: 100% 1.2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment