app.scss 888 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* THEME SPECIFIC STYLES */
  2. .contents {
  3. color: mc('grey', '800');
  4. h1 {
  5. padding-left: 16px;
  6. color: mc('blue', '800');
  7. margin-top: 16px;
  8. position: relative;
  9. &::after {
  10. content: '';
  11. position: absolute;
  12. bottom: 0;
  13. left: 0;
  14. width: 100%;
  15. height: 2px;
  16. background: linear-gradient(to right, mc('theme', 'primary'), rgba(mc('theme', 'primary'), 0));
  17. }
  18. & + h2 {
  19. margin-top: 8px;
  20. }
  21. }
  22. h2 {
  23. margin-left: 16px;
  24. padding: 8px 0 0 0;
  25. color: mc('grey', '800');
  26. position: relative;
  27. &::after {
  28. content: '';
  29. position: absolute;
  30. bottom: 0;
  31. left: 0;
  32. width: 100%;
  33. height: 1px;
  34. background: linear-gradient(to right, mc('grey', '700'), rgba(mc('grey', '700'), 0));
  35. }
  36. }
  37. p {
  38. padding: 16px 16px 0 16px;
  39. margin: 0;
  40. text-align: justify;
  41. }
  42. }