_varriable.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import url('https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i|Poppins:200,200i,300,300i,400,400i,500,600,700,800,900&display=swap');
  2. // fonts
  3. $font1: 'Poppins', sans-serif;
  4. $font2: 'Philosopher', sans-serif;
  5. // fonts-size
  6. $heading-color:#1F1F1F;
  7. $gray-color: #bebebe;
  8. $gray-color-2: #bdbdbd;
  9. $theme-color: #1F1F1F;
  10. $theme-color2: #ff5e13;
  11. $gray-color3:#5c5c5c;
  12. $white_color:#fff;
  13. $font_1: #666666;
  14. $font_2: #646464;
  15. $font_3: #7f7f7f;
  16. $font_4: #8a8a8a;
  17. $font_5: #999999;
  18. $font_6: #666666;
  19. $font_7: #5c5c5c;
  20. $border_color: #fdcb9e;
  21. $footer_bg: #303030;
  22. $sidebar_bg: #fbf9ff;
  23. $medium_device : 'only screen and (min-width: 992px) and (max-width: 1200px)';
  24. $tab_device:'only screen and (min-width: 768px) and (max-width: 991px)';
  25. $large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)';
  26. $tab:'(max-width: 991px)';
  27. $small_mobile:'(max-width: 576px)';
  28. $xs_mobile:'(max-width: 420px)';
  29. $sm_mobile:'only screen and (min-width: 421px) and (max-width: 575px)';
  30. $big_screen:'only screen and (min-width: 1200px) and (max-width: 1440px)';
  31. $extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';
  32. // ,,,,,,,,,,,
  33. $btn_bg: #DB9A64;
  34. $btn_hover: #f5790b;
  35. $section_bg: #f7f7f7;
  36. $section_bg_1: #454545;
  37. $heading_color: #191d34;
  38. $heading_color2: #ff8b23;