Variable.styl 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**** VARIABLES ****/
  2. /*** COULEURS ****/
  3. mainColor = #fdfdfd // Bg header
  4. secondColor = #215e8e // bg sidebar
  5. thirdColor = #2571fe // bg workspace name
  6. fourthColor = #82b2cc // bg filter sidebar
  7. fontColor = #252525
  8. darkGrey = #252525
  9. grey = #ababab
  10. lightGrey = #f0f0f0
  11. grey-hover = #e0e0e0
  12. folder-hover = #9BC1eb
  13. files-hover = rgba(155,193,235,0.2)
  14. off-white = #fdfdfd
  15. darkBlue = #215e8e
  16. blue = #2571fe
  17. lightBlue = #569EDE
  18. // c2a btn color in general context ; meaning every context but specific one related to file type (file, pageHtml, issues, threads ...)
  19. btnCallAction = #28a745
  20. btnCallAction-hover = darken(btnCallAction, 15%)
  21. threadColor = #2674d3
  22. htmlColor = #65c7f2
  23. darkHtmlColor = darken(htmlColor, 15%)
  24. markdownColor = #e0082b
  25. fileColor = #263462
  26. lightFileColor = lighten(fileColor, 15%)
  27. taskColor = #2d5a88
  28. issueColor = #a4835e
  29. // calendarColor =
  30. // dashboard =
  31. /*************************/
  32. /**** BOX SHADOW ****/
  33. shadow-bottom = 0px 0px 5px 1px #606060
  34. shadow-right = 2px 2px 5px 0px #404040
  35. shadow-all = 1px 1px 5px 2px #ababab
  36. shadow-all-side-blue = 0px 0px 1px 1px lightBlue
  37. shadow-all-side-green = 0 0 1px 2px green
  38. /***********************/
  39. /**** MEDIA QUERIES ****/
  40. min-xs = 0px
  41. max-xs = 575px
  42. min-sm = 576px
  43. max-sm = 767px
  44. min-md = 768px
  45. max-md = 991px
  46. min-lg = 992px
  47. max-lg = 1199px
  48. min-xl = 1200px