variables.scss 896 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*font Variables*/
  2. $rob: "Roboto", sans-serif;
  3. $hee: "Heebo", sans-serif;
  4. /*Color Variables*/
  5. $baseColor: #009cea;
  6. $iconColor: #f26822;
  7. $dip: #222222;
  8. $pfont: #777777;
  9. $secondaryColor: #6abaea;
  10. $inputContainerColor: #c2dcec;
  11. $mainTitleFontFamily: "Raleway", sans-serif;
  12. $sectionTitleFontFamily: "Poppins", sans-serif;
  13. /*=================== fonts ====================*/
  14. @import url("https://fonts.googleapis.com/css?family=Heebo:300,400,500,700|Roboto:300,400,500,700");
  15. // Mixins
  16. @mixin transition(
  17. $property: all,
  18. $duration: 300ms,
  19. $animate: linear,
  20. $delay: 0s
  21. ) {
  22. transition: $property $duration $animate $delay;
  23. }
  24. .capitalize {
  25. text-transform: capitalize;
  26. }
  27. // Placeholder Mixins
  28. @mixin placeholder {
  29. &.placeholder {
  30. @content;
  31. }
  32. &:-moz-placeholder {
  33. @content;
  34. }
  35. &::-moz-placeholder {
  36. @content;
  37. }
  38. &::-webkit-input-placeholder {
  39. @content;
  40. }
  41. }