_msc.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. // Miscellaneous
  2. // Edge Headers
  3. .edge-header {
  4. display: block;
  5. height: $edge-header-height;
  6. background-color: $edge-header-background-color;
  7. }
  8. .free-bird {
  9. margin-top: $edge-header-margin-top;
  10. }
  11. // Additional gradients
  12. .juicy-peach-gradient {
  13. background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
  14. }
  15. .young-passion-gradient {
  16. background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  17. }
  18. .lady-lips-gradient {
  19. background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
  20. }
  21. .sunny-morning-gradient {
  22. background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  23. }
  24. .rainy-ashville-gradient {
  25. background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
  26. }
  27. .frozen-dreams-gradient {
  28. background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
  29. }
  30. .warm-flame-gradient {
  31. background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
  32. }
  33. .night-fade-gradient {
  34. background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
  35. }
  36. .spring-warmth-gradient {
  37. background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
  38. }
  39. .winter-neva-gradient {
  40. background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  41. }
  42. .dusty-grass-gradient {
  43. background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
  44. }
  45. .tempting-azure-gradient {
  46. background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  47. }
  48. .heavy-rain-gradient {
  49. background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  50. }
  51. .amy-crisp-gradient {
  52. background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
  53. }
  54. .mean-fruit-gradient {
  55. background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
  56. }
  57. .deep-blue-gradient {
  58. background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
  59. }
  60. .ripe-malinka-gradient {
  61. background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
  62. }
  63. .cloudy-knoxville-gradient {
  64. background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
  65. }
  66. .morpheus-den-gradient {
  67. background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
  68. }
  69. .rare-wind-gradient {
  70. background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
  71. }
  72. .near-moon-gradient {
  73. background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
  74. }
  75. .schedule-list {
  76. .hr-bold {
  77. border-top: 2px solid #212529;
  78. }
  79. .font-smaller {
  80. font-size: .8rem;
  81. }
  82. }
  83. .note {
  84. padding: 10px;
  85. border-left: 6px solid;
  86. border-radius: 5px;
  87. strong {
  88. font-weight: 600;
  89. }
  90. p {
  91. font-weight: 500;
  92. }
  93. }
  94. @each $name, $color in $note {
  95. .note-#{$name} {
  96. background-color: map-get($color, bgc);
  97. border-color: map-get($color, border-color);
  98. }
  99. }