code.pablomurad.com

alexandria

An endless, read-only library of Markdown from public GitHub repositories

src/index.css raw 
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
 
/* CSS Variables - Simple Black and White */
:root {
  --primary-color: #000000;
  --text-color: #000000;
  --text-secondary: #666666;
  --background-color: #ffffff;
  --border-color: #cccccc;
  --error-color: #cc0000;
}

/* Base styles - Y2K simple */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-family: 
    /* Modern system fonts with Unicode support */
    -apple-system, BlinkMacSystemFont, 
    /* Windows fonts with comprehensive Unicode support */
    "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol",
    /* Linux fonts with Unicode support */
    "Noto Sans", "Liberation Sans", "DejaVu Sans",
    /* Additional Unicode fonts */
    "Helvetica Neue", Helvetica,
    /* Fallbacks */
    Arial, sans-serif,
    /* Emoji and symbol support */
    "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji";
  font-size: 12px;
  background-color: var(--background-color);
  color: var(--text-color);
}

/* Focus styles */
*:focus {
  outline: 1px dotted var(--primary-color);
}

/* Utility classes */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Enhanced Unicode font support for specific elements */
h1, h2, h3, h4, h5, h6 {
  font-family: 
    -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Sans", "Liberation Sans", "DejaVu Sans",
    "Helvetica Neue", Helvetica,
    Arial, sans-serif,
    "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji";
}

/* Code blocks and monospace elements with Unicode support */
code, pre, kbd, samp, tt {
  font-family: 
    /* Modern monospace fonts with Unicode support */
    "SF Mono", Monaco, "Cascadia Code", "Roboto Mono",
    /* Windows monospace with Unicode */
    "Consolas", "Courier New",
    /* Linux monospace with Unicode */
    "Liberation Mono", "DejaVu Sans Mono", "Noto Sans Mono",
    /* Fallbacks */
    Courier, monospace,
    /* Emoji support for code */
    "Apple Color Emoji", "Noto Color Emoji";
}

/* Ensure proper rendering for different script families */
.unicode-text {
  font-family: 
    -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR",
    "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans Thai",
    "Liberation Sans", "DejaVu Sans",
    Arial, sans-serif,
    "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji";
}

/* Specific support for right-to-left scripts */
[dir="rtl"], .rtl-text {
  font-family: 
    -apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans",
    "Liberation Sans", "DejaVu Sans",
    Arial, sans-serif,
    "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji";
}