njump/base.css at master · nostr-net/njump · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Arabic fonts and RTL support */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;600;700&display=swap');

/* Font family for Arabic text */
[dir="rtl"] {
  font-family: 'Noto Sans Arabic', 'Helvetica', 'ui-sans-serif', 'system-ui', sans-serif;
}

/* RTL text alignment and spacing adjustments */
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }
[dir="rtl"] .ml-auto { margin-left: auto; margin-right: 0; }
[dir="rtl"] .mr-auto { margin-right: auto; margin-left: 0; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
@layer utilities {
  html,
  body {
    font-size: 18px;
  }
  .imgclip {
    clip-path: url(#svg-shape);
  }
  .gradient {
    mask-image: linear-gradient(
      to bottom,
      rgb(0, 0, 0) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  @media print {
    @page {
      margin: 2cm 3cm;
    }
    body.safari {
      margin: 1cm 3cm;
    }
  }

  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /* Apply the animation to the cursor */
  .typewriter-cursor {
    animation: blink 1s infinite;
    color: rgb(222, 222, 222);
  }

  .wikilink {
    @apply text-neutral-500;
    @apply dark:text-neutral-400;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    cursor: help;
  }
}