main.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. // Functions --------------------------------------------------------------- //
  2. @function black($opacity) {
  3. @return rgba(0, 0, 0, $opacity);
  4. }
  5. @function white($opacity) {
  6. @return rgba(255, 255, 255, $opacity);
  7. }
  8. // Properties -------------------------------------------------------------- //
  9. $shadow: 0 -1px 0 black(.2);
  10. // Colors ------------------------------------------------------------------ //
  11. $colorBlue : #2293EC;
  12. $colorRed : #d92c34;
  13. // Animations -------------------------------------------------------------- //
  14. $timing : cubic-bezier(.51, .92, .24, 1);
  15. $timingBounce : cubic-bezier(.51, .92, .24, 1.15);
  16. // Rest -------------------------------------------------------------------- //
  17. @import 'reset';
  18. * {
  19. -webkit-user-select: none;
  20. -moz-user-select: none;
  21. user-select: none;
  22. transition: color .3s, opacity .3s ease-out, transform .3s ease-out, box-shadow .3s;
  23. }
  24. html,
  25. body {
  26. min-height: 100%;
  27. }
  28. body {
  29. background-color: #1d1d1d;
  30. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  31. font-size: 12px;
  32. -webkit-font-smoothing: antialiased;
  33. -moz-font-smoothing: antialiased;
  34. -moz-osx-font-smoothing: grayscale;
  35. font-smoothing: antialiased;
  36. &.view { background-color: #0f0f0f; }
  37. }
  38. input {
  39. -webkit-user-select: text !important;
  40. -moz-user-select: text !important;
  41. user-select: text !important;
  42. }
  43. .svgsprite {
  44. display: none;
  45. }
  46. .iconic {
  47. width: 100%;
  48. height: 100%;
  49. }
  50. #upload { display: none; }
  51. // Files ------------------------------------------------------------------- //
  52. @import 'animations';
  53. @import 'content';
  54. @import 'basicContext.custom';
  55. @import 'basicContext.extended';
  56. @import 'header';
  57. @import 'imageview';
  58. @import 'sidebar';
  59. @import 'loading';
  60. @import 'message';
  61. @import 'multiselect';