main.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import '@shared/styles/main.css';
  2. .Content,
  3. .ProseMirror {
  4. &:focus-visible {
  5. outline: none;
  6. }
  7. ol {
  8. list-style: decimal;
  9. }
  10. ul {
  11. list-style: disc;
  12. }
  13. ol,
  14. ul {
  15. @apply ltr:pl-2 rtl:pr-2;
  16. list-style-position: inside;
  17. p {
  18. display: inline-block;
  19. }
  20. }
  21. h1 {
  22. @apply mb-2 mt-1 text-2xl font-bold;
  23. }
  24. h2 {
  25. @apply my-1 text-xl font-bold;
  26. }
  27. h3 {
  28. @apply my-1 text-lg font-bold;
  29. }
  30. a {
  31. @apply text-blue;
  32. }
  33. }
  34. @layer base {
  35. [type='text'],
  36. [type='password'],
  37. [type='email'],
  38. [type='number'],
  39. [type='url'],
  40. [type='date'],
  41. [type='datetime-local'],
  42. [type='time'],
  43. [type='search'],
  44. [type='tel'],
  45. select,
  46. select[multiple] {
  47. @apply p-2;
  48. }
  49. textarea {
  50. @apply px-2 py-1;
  51. }
  52. }
  53. @layer components {
  54. .absolute-floating-input:focus-within label,
  55. .absolute-floating-input.formkit-outer[data-populated] label {
  56. @apply -translate-y-2 scale-75 opacity-75 ltr:translate-x-[2px] rtl:translate-x-6;
  57. }
  58. .floating-input.formkit-outer[data-populated] label {
  59. @apply text-xs opacity-75;
  60. }
  61. .floating-textarea:focus-within label,
  62. .floating-textarea.formkit-outer[data-populated] label {
  63. @apply translate-y-0 text-xs opacity-75;
  64. }
  65. }