_variables.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // Font and Styles
  2. @import url('https://fonts.googleapis.com/css?family=Rubik:400,700|Montserrat:700');
  3. $primary-font: 'Rubik', sans-serif;
  4. $bold-font: 'Montserrat', sans-serif;
  5. $regular: 400;
  6. $bold: 700;
  7. $light: 300;
  8. $letter-spacing: 0px;
  9. // Theme Colors
  10. $preset: #EB586F;
  11. $preset-hover: #D14E63;
  12. $primary: #EB586F;
  13. $primary-hover: #D14E63;
  14. $success: #87c056;
  15. $success-hover: #74a44a;
  16. $info: #4da5e2;
  17. $info-hover: #428fc4;
  18. $warning: #ffcc66;
  19. $warning-hover: #e1b459;
  20. $danger: #ec7160;
  21. $danger-hover: #cd6254;
  22. $title-color: #444;
  23. $sub-title-color: #999;
  24. $text-color: #444;
  25. $bg-color: #f7f7f7;
  26. $dark-bg-color: #222;
  27. $body-bg: #ffffff;
  28. $white: #fff;
  29. $light-grey: #ddd;
  30. $grey: #ccc;
  31. $dark-grey: #333;
  32. $black: #000;
  33. $preset-transparent: RGBA(235, 88, 111, 0.7);
  34. // Social Colors
  35. $facebook: #4e68a1;
  36. $facebook-hover: #3b4f7a;
  37. $twitter: #65b5f2;
  38. $twitter-hover: #5294c6;
  39. $google: #e05d4b;
  40. $google-hover: #b94c3d;
  41. $linkedin: #2083bc;
  42. $linkedin-hover: #186592;
  43. $pinterest: #d2373b;
  44. $pinterest-hover: #ad2c2f;
  45. $dribbble: #ec5f94;
  46. $dribbble-hover: #b4446e;