Skip to content

Instantly share code, notes, and snippets.

@mizchi
Created April 20, 2019 05:29
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 mizchi/50168bb2f68c6c877900b793df7c1157 to your computer and use it in GitHub Desktop.
Save mizchi/50168bb2f68c6c877900b793df7c1157 to your computer and use it in GitHub Desktop.
// for https://cssbattle.dev/play/2
:root {
--size: 50px;
}
body {background: #62374e;}
body::before {
content: "";
width: var(--size);
height: var(--size);
position: absolute;
top: calc(-1 * var(--size));
left: calc(-1 * var(--size));
box-shadow:
calc(2 * var(--size)) calc(2 * var(--size)) #fdc57b,
calc(7 * var(--size)) calc(2 * var(--size)) #fdc57b,
calc(2 * var(--size)) calc(5 * var(--size)) #fdc57b,
calc(7 * var(--size)) calc(5 * var(--size)) #fdc57b;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment