variables.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // Google Fonts
  2. @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700");
  3. @font-primary: 'Roboto', sans-serif;
  4. @brand-primary: #d7142d;
  5. @brand-secondary: #a9a9a9;
  6. @brand-white: #fff;
  7. @brand-grey: @brand-secondary;
  8. @brand-grey-light: #efefef;
  9. @brand-dark: #000000;
  10. @brand-error: #ff8585;
  11. @brand-success: #69b705;
  12. @brand-link: @brand-secondary;
  13. @brand-link-active: @brand-primary;
  14. @brand-link-text: @brand-dark;
  15. @brand-link-text-active: @brand-white;
  16. @brand-text: @brand-dark;
  17. @brand-text-light: #b1b1b1;
  18. // Extra small screen / phone
  19. //** Deprecated `@screen-xs` as of v3.0.1
  20. @screen-xs: 480px;
  21. @screen-xxs: 415px;
  22. //** Deprecated `@screen-xs-min` as of v3.2.0
  23. @screen-xs-min: @screen-xs;
  24. //** Deprecated `@screen-phone` as of v3.0.1
  25. @screen-phone: @screen-xs-min;
  26. // Small screen / tablet
  27. //** Deprecated `@screen-sm` as of v3.0.1
  28. @screen-sm: 768px;
  29. @screen-sm-min: @screen-sm;
  30. //** Deprecated `@screen-tablet` as of v3.0.1
  31. @screen-tablet: @screen-sm-min;
  32. // Medium screen / desktop
  33. //** Deprecated `@screen-md` as of v3.0.1
  34. @screen-md: 992px;
  35. @screen-md-min: @screen-md;
  36. //** Deprecated `@screen-desktop` as of v3.0.1
  37. @screen-desktop: @screen-md-min;
  38. // Large screen / wide desktop
  39. //** Deprecated `@screen-lg` as of v3.0.1
  40. @screen-lg: 1200px;
  41. @screen-lg-min: @screen-lg;
  42. //** Deprecated `@screen-lg-desktop` as of v3.0.1
  43. @screen-lg-desktop: @screen-lg-min;