Skip to content

Instantly share code, notes, and snippets.

@BrandonDyer64
Last active August 1, 2018 21:50
Show Gist options
  • Save BrandonDyer64/a37aca5421becb27ffdb7f220bbeb2a5 to your computer and use it in GitHub Desktop.
Save BrandonDyer64/a37aca5421becb27ffdb7f220bbeb2a5 to your computer and use it in GitHub Desktop.
/* Material Colors */
:root {
--blue: #2196F3; --blue-light: #BBDEFB; --blue-dark: #1976D2;
--light-blue: #03A9F4; --light-blue-light: #B3E5FC; --light-blue-dark: #0288D1;
--blue-gray: #607D8B; --blue-gray-light: #CFD8DC; --blue-gray-dark: #455A64;
--indigo: #3F51B5; --indigo-light: #C5CAE9; --indigo-dark: #303F9F;
--purple: #9C27B0; --purple-light: #E1BEE7; --purple-dark: #7B1FA2;
--deep-purple: #673AB7; --deep-purple-light: #D1C4E9; --deep-purple-dark: #512DA8;
--pink: #E91E63; --pink-light: #F8BBD0; --pink-dark: #C2185B;
--red: #F44336; --red-light: #FFCDD2; --red-dark: #D32F2F;
--orange: #FF9800; --orange-light: #FFE0B2; --orange-dark: #F57C00;
--deep-orange: #FF5722; --deep-orange-light: #FFE0B2; --deep-orange-dark: #F57C00;
--amber: #FFC107; --amber-light: #FFECB3; --amber-dark: #FFA000;
--yellow: #FFEB3B; --yellow-light: #FFF9C4; --yellow-dark: #FBC02D;
--green: #4CAF50; --green-light: #C8E6C9; --green-dark: #388E3C;
--light-green: #8BC34A; --light-green-light: #DCEDC8; --light-green-dark: #689F38;
--lime: #CDDC39; --lime-light: #F0F4C3; --lime-dark: #AFB42B;
--teal: #009688; --teal-light: #B2DFDB; --teal-dark: #00796B;
--cyan: #00BCD4; --cyan-light: #B2EBF2; --cyan-dark: #0097A7;
--brown: #795548; --brown-light: #D7CCC8; --brown-dark: #5D4037;
--gray: #9E9E9E; --gray-light: #F5F5F5; --gray-dark: #616161;
--white: #fff; --light: #F5F5F5; --dark: #212121;
--primary: var(--indigo);
--secondary: var(--gray-dark);
--success: var(--green);
--info: var(--light-blue);
--warning: var(--orange);
--danger: var(--red);
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
/*
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment