Skip to content

Instantly share code, notes, and snippets.

@maxxcrawford
Created February 20, 2020 21:41
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 maxxcrawford/5305ee8b5acd8e70fd33c867c75cdaf3 to your computer and use it in GitHub Desktop.
Save maxxcrawford/5305ee8b5acd8e70fd33c867c75cdaf3 to your computer and use it in GitHub Desktop.
Monica.css - Taken from https://meowni.ca/posts/monica-dot-css/
* {box-sizing: border-box}
[hidden] {display: none !important}
[disabled] {pointer-events:none; opacity: 0.3}
.horizontal {display: flex; flex-direction: row; justify-content: space-between}
.vertical {display: flex; flex-direction: column}
.center {justify-content: center; align-items: center}
.flex {flex: 1}
html {
--spacing-xs: 8px;
--spacing: 24px;
--spacing-s: 12px;
--spacing-m: 36px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment