main.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. @import '@shared/styles/main.css';
  2. .Content,
  3. .ProseMirror {
  4. div[data-signature-marker] {
  5. display: none;
  6. }
  7. &:focus-visible {
  8. outline: none;
  9. }
  10. blockquote {
  11. @apply border-l-4 border-l-gray-200 px-3 py-2;
  12. }
  13. ol {
  14. list-style: decimal;
  15. }
  16. ul {
  17. list-style: disc;
  18. }
  19. ol,
  20. ul {
  21. @apply ltr:pl-2 rtl:pr-2;
  22. list-style-position: inside;
  23. p {
  24. display: inline-block;
  25. }
  26. }
  27. h1 {
  28. @apply mb-2 mt-1 text-2xl font-bold;
  29. }
  30. h2 {
  31. @apply my-1 text-xl font-bold;
  32. }
  33. h3 {
  34. @apply my-1 text-lg font-bold;
  35. }
  36. a {
  37. @apply text-blue;
  38. }
  39. }
  40. @layer base {
  41. html {
  42. --safe-bottom: env(safe-area-inset-bottom);
  43. }
  44. html,
  45. body,
  46. #app {
  47. height: 100%;
  48. }
  49. [type='text'],
  50. [type='password'],
  51. [type='email'],
  52. [type='number'],
  53. [type='url'],
  54. [type='date'],
  55. [type='datetime-local'],
  56. [type='time'],
  57. [type='search'],
  58. [type='tel'],
  59. select,
  60. select[multiple] {
  61. @apply p-2;
  62. }
  63. textarea {
  64. @apply px-2 py-1;
  65. }
  66. }
  67. @layer components {
  68. .absolute-floating-input:focus-within label,
  69. .absolute-floating-input.formkit-outer[data-populated] label {
  70. @apply -translate-y-2 opacity-75 ltr:translate-x-[2px] ltr:scale-75 rtl:pb-0 rtl:pt-5 rtl:text-xs;
  71. }
  72. .floating-input.formkit-outer[data-populated] label {
  73. @apply text-xs opacity-75;
  74. }
  75. .floating-textarea:focus-within label,
  76. .floating-textarea.formkit-outer[data-populated] label {
  77. @apply translate-y-0 text-xs opacity-75;
  78. }
  79. }
  80. @layer utilities {
  81. .pb-safe {
  82. padding-bottom: env(safe-area-inset-bottom);
  83. }
  84. .mb-safe {
  85. margin-bottom: env(safe-area-inset-bottom);
  86. }
  87. }