tailwind.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @tailwind base;
  2. @tailwind components;
  3. @tailwind utilities;
  4. div.noscript {
  5. background: white;
  6. color: black;
  7. font-size: 1.5rem;
  8. padding: 1rem;
  9. a {
  10. text-decoration: underline;
  11. color: dodgerblue;
  12. }
  13. }
  14. h1, h2, h3, h4, h5, h6 {
  15. font-family: "Oswald";
  16. }
  17. .prose p {
  18. &.calltoaction {
  19. text-align: center;
  20. display: block;
  21. margin: theme(spacing.6) 0;
  22. padding: theme(spacing.6) 0;
  23. background-color: #e7f2fd;
  24. font-size: 1.5em;
  25. font-family: Oswald,sans-serif;
  26. }
  27. }
  28. .prose strong a {
  29. font-weight: bold;
  30. }
  31. .prose figure {
  32. position: relative;
  33. img {
  34. width: 100%;
  35. }
  36. figcaption {
  37. position: absolute;
  38. width: 100%;
  39. bottom: 0;
  40. font-size: .75rem;
  41. color: #fff;
  42. line-height: 1.75rem;
  43. background: rgba(0,0,0,.5);
  44. padding: 0 theme("spacing.3") .2em theme("spacing.3");
  45. border-bottom-right-radius: .25rem;
  46. border-bottom-left-radius: .25rem;
  47. a {
  48. color: white;
  49. text-decoration: underline;
  50. }
  51. &:before {
  52. content: "\203A\2002";
  53. }
  54. }
  55. }