Skip to content

Instantly share code, notes, and snippets.

@derekbtw
Last active January 5, 2017 08:05
Show Gist options
  • Save derekbtw/26371acf08d1d85263f228f72d89713f to your computer and use it in GitHub Desktop.
Save derekbtw/26371acf08d1d85263f228f72d89713f to your computer and use it in GitHub Desktop.
CSS Header Comment Formats
/*
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ Easily create more unicode tables using the following resources: ┃
┡━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┩
│ http://unicode.org/cldr/utility/list-unicodeset.jsp?a=%5B%E2%94%80-%E2%95%BF%EF%BF%A8%5D │
├──────────────────────────────────────────────────────────────────────────────────────────┤
│ http://apps.timwhitlock.info/emoji/tables/unicode │
└──────────────────────────────────────────────────────────────────────────────────────────┘
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ COLORS ┃
┣━━━━━━━━━━━━━━━━━━━━┯━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃ PRIMARY 1 (BLACK) │ #222831 ┃
┠────────────────────┼─────────────────────────────┨
┃ SECONDARY (GRAY) │ #393E46 ┃
┠────────────────────┼─────────────────────────────┨
┃ ALTERNATE (TEAL) │ #00ADB5 ┃
┠────────────────────┼─────────────────────────────┨
┃ OFF-WHITE │ #EEEEEE ┃
┠────────────────────┼─────────────────────────────┨
┃ REFERENCE │ https://example.com ┃
┗━━━━━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
╔══════════════════════════════════════════════════╗
║ COLORS ║
╠════════════════════╦═════════════════════════════╣
║ PRIMARY 1 (BLACK) ║ #222831 ║
╠════════════════════╬═════════════════════════════╣
║ SECONDARY (GRAY) ║ #393E46 ║
╠════════════════════╬═════════════════════════════╣
║ ALTERNATE (TEAL) ║ #00ADB5 ║
╠════════════════════╬═════════════════════════════╣
║ OFF-WHITE ║ #EEEEEE ║
╠════════════════════╬═════════════════════════════╣
║ REFERENCE ║ http://colorhunt.co/c/2763 ║
╚════════════════════╩═════════════════════════════╝
┌───────────────────────────────────────────────────┐
│ │
├────────────────────┬──────────────────────────────┤
│ PRIMARY 1 (BLACK) │ #222831 │
├────────────────────┼──────────────────────────────┤
│ SECONDARY (GRAY) │ #393E46 │
├────────────────────┼──────────────────────────────┤
│ ALTERNATE (TEAL) │ #00ADB5 │
├────────────────────┼──────────────────────────────┤
│ OFF-WHITE │ #EEEEEE │
├────────────────────┼──────────────────────────────┤
│ REFERENCE │ https://example.com │
└────────────────────┴──────────────────────────────┘
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ Titles ┃
┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
┃ ┃
┠──────────────────────────────────────────────────┨
┃ ┃
┠──────────────────────────────────────────────────┨
┃ ┃
┠──────────────────────────────────────────────────┨
┃ ┃
┠──────────────────────────────────────────────────┨
┃ ┃
┠──────────────────────────────────────────────────┨
┃ ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
╭─────────────────────────────────────────────────╮
│╭───────────────────────────────────────────────╮│
││ FILE NAME ││
│╰───────────────────────────────────────────────╯│
│╭───────────────────╮╭──────────────────────────╮│
││ PRIMARY 1 (BLACK) ││ #222831 ││
│╰───────────────────╯╰──────────────────────────╯│
│╭───────────────────╮╭──────────────────────────╮│
││ SECONDARY (GRAY) ││ #393E46 ││
│╰───────────────────╯╰──────────────────────────╯│
│╭───────────────────╮╭──────────────────────────╮│
││ ALTERNATE (TEAL) ││ #00ADB5 ││
│╰───────────────────╯╰──────────────────────────╯│
│╭───────────────────╮╭──────────────────────────╮│
││ OFF-WHITE ││ #EEEEEE ││
│╰───────────────────╯╰──────────────────────────╯│
│╭───────────────────╮╭──────────────────────────╮│
││ REFERENCE ││http://colorhunt.co/c/2763││
│╰───────────────────╯╰──────────────────────────╯│
╰─────────────────────────────────────────────────╯
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment