moment.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /*
  2. red
  3. */
  4. .bg-moment-passion {
  5. background: #e53935;
  6. background: -webkit-linear-gradient(to left, #e35d5b, #e53935);
  7. background: linear-gradient(to left, #e35d5b, #e53935);
  8. }
  9. /*
  10. teal/purple
  11. */
  12. .bg-moment-azure {
  13. background: #7F7FD5;
  14. background: -webkit-linear-gradient(to left, #91EAE4, #86A8E7, #7F7FD5);
  15. background: linear-gradient(to left, #91EAE4, #86A8E7, #7F7FD5);
  16. }
  17. /*
  18. blue
  19. */
  20. .bg-moment-reef {
  21. background: #00d2ff;
  22. background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
  23. background: linear-gradient(to right, #3a7bd5, #00d2ff);
  24. }
  25. /*
  26. lush green
  27. */
  28. .bg-moment-lush {
  29. background: #56ab2f;
  30. background: -webkit-linear-gradient(to left, #a8e063, #56ab2f);
  31. background: linear-gradient(to left, #a8e063, #56ab2f);
  32. }
  33. /*
  34. neon green
  35. */
  36. .bg-moment-neon {
  37. background: #B3FFAB;
  38. background: -webkit-linear-gradient(to right, #12FFF7, #B3FFAB);
  39. background: linear-gradient(to right, #12FFF7, #B3FFAB);
  40. }
  41. /*
  42. orange
  43. */
  44. .bg-moment-flare {
  45. background: #f12711;
  46. background: -webkit-linear-gradient(to left, #f5af19, #f12711);
  47. background: linear-gradient(to left, #f5af19, #f12711);
  48. }
  49. /*
  50. orange/pink
  51. */
  52. .bg-moment-morning {
  53. background: #FF5F6D;
  54. background: -webkit-linear-gradient(to left, #FFC371, #FF5F6D);
  55. background: linear-gradient(to left, #FFC371, #FF5F6D);
  56. }
  57. /*
  58. pink
  59. */
  60. .bg-moment-tranquil {
  61. background: #EECDA3;
  62. background: -webkit-linear-gradient(to right, #EF629F, #EECDA3);
  63. background: linear-gradient(to right, #EF629F, #EECDA3);
  64. }
  65. /*
  66. purple
  67. */
  68. .bg-moment-mauve {
  69. background: #42275a;
  70. background: -webkit-linear-gradient(to left, #734b6d, #42275a);
  71. background: linear-gradient(to left, #734b6d, #42275a);
  72. }
  73. /*
  74. purple
  75. */
  76. .bg-moment-argon {
  77. background: #03001e;
  78. background: -webkit-linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);
  79. background: linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);
  80. }
  81. /*
  82. dark blue
  83. */
  84. .bg-moment-royal {
  85. background: #141E30;
  86. background: -webkit-linear-gradient(to left, #243B55, #141E30);
  87. background: linear-gradient(to left, #243B55, #141E30);
  88. }