Advertisement
Aelit

SCSS

Mar 15th, 2018
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.19 KB | None | 0 0
  1. // Required
  2. @import "functions";
  3. @import "variables";
  4. @import "mixins";
  5.  
  6. // Color system
  7. $gray-100: #fdfcfc;
  8. $gray-200: #e2e1e2;
  9. $gray-300: #c8c7c8;
  10. $gray-400: #adacae;
  11. $gray-500: #939294;
  12. $gray-600: #78787a;
  13. $gray-700: #5e5d60;
  14. $gray-800: #434346;
  15. $gray-900: #29292d;
  16.  
  17. $red: #e68396;
  18. $orange: #e6a283;
  19. $yellow: #e6d483;
  20. $green: #83e6a2;
  21. $cyan: #b9c7c4;
  22. $cyan-100: #dfe5e4;
  23. $cyan-900: #555b5a;
  24.  
  25. $colors: map-remove(
  26. $colors,
  27. "blue",
  28. "indigo",
  29. "purple",
  30. "pink",
  31. "teal"
  32. );
  33.  
  34. $primary: $cyan;
  35. $secondary: $orange;
  36. $success: $green;
  37. $info: $gray-900;
  38.  
  39. $yiq-text-light: $gray-100;
  40.  
  41. // Options
  42. $enable-rounded: false;
  43. $enable-gradients: true;
  44.  
  45. // Body
  46. $body-bg: $gray-100;
  47.  
  48. // Links
  49. $link-color: $cyan-900;
  50.  
  51. // Fonts
  52. $font-family-base: Lato;
  53. $font-size-base: 1.12rem;
  54. $line-height-base: 1.6;
  55.  
  56. // Jumbotron
  57. $jumbotron-padding: 1.87rem;
  58. $jumbotron-bg: $cyan-100;
  59.  
  60. // Optional
  61. @import "grid";
  62. @import "reboot";
  63. @import "images";
  64. @import "buttons";
  65. @import "jumbotron";
  66. @import "nav";
  67. @import "navbar";
  68. @import "utilities";
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement