clampography 0.9.2 → 0.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/clampography.css +58 -0
- package/package.json +1 -1
package/README.md
CHANGED
package/clampography.css
CHANGED
|
@@ -92,6 +92,60 @@
|
|
|
92
92
|
margin-bottom: var(--spacing-xs);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
+
/* --------------------------------------------------------------------------
|
|
96
|
+
LINKS - Clickable Text (Structural Indicators)
|
|
97
|
+
-------------------------------------------------------------------------- */
|
|
98
|
+
|
|
99
|
+
a {
|
|
100
|
+
/* Structural underline - indicates clickability */
|
|
101
|
+
text-decoration-line: underline;
|
|
102
|
+
text-decoration-thickness: 0.0625em; /* 1px at 16px base */
|
|
103
|
+
text-underline-offset: 0.15em; /* Space from baseline */
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/* Remove underline from heading links */
|
|
108
|
+
:where(h1, h2, h3, h4, h5, h6) a {
|
|
109
|
+
text-decoration: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* --------------------------------------------------------------------------
|
|
113
|
+
MENU - Interactive Lists (Toolbars, Navigation)
|
|
114
|
+
-------------------------------------------------------------------------- */
|
|
115
|
+
|
|
116
|
+
menu {
|
|
117
|
+
list-style: none;
|
|
118
|
+
margin-bottom: var(--spacing-md);
|
|
119
|
+
padding-left: 0; /* No indentation - unlike ul/ol */
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* Remove custom markers from menu items */
|
|
123
|
+
menu > li::before {
|
|
124
|
+
display: none;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/* --------------------------------------------------------------------------
|
|
128
|
+
HGROUP - Heading Groups (Title + Subtitle)
|
|
129
|
+
-------------------------------------------------------------------------- */
|
|
130
|
+
|
|
131
|
+
hgroup {
|
|
132
|
+
margin-bottom: var(--spacing-lg);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Reduce spacing between heading and subtitle */
|
|
136
|
+
hgroup :where(h1, h2, h3, h4, h5, h6) {
|
|
137
|
+
margin-bottom: var(--spacing-xs);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
/* Subtitle/tagline styling (typically <p>) */
|
|
141
|
+
hgroup :where(p) {
|
|
142
|
+
margin-top: 0;
|
|
143
|
+
margin-bottom: 0;
|
|
144
|
+
font-size: 0.875em; /* Relative to parent context */
|
|
145
|
+
font-weight: 400; /* Lighter than heading */
|
|
146
|
+
line-height: 1.5;
|
|
147
|
+
}
|
|
148
|
+
|
|
95
149
|
/* --------------------------------------------------------------------------
|
|
96
150
|
TEXT CONTENT - Paragraphs & Inline Elements
|
|
97
151
|
-------------------------------------------------------------------------- */
|
|
@@ -452,6 +506,10 @@
|
|
|
452
506
|
font-weight: 600;
|
|
453
507
|
}
|
|
454
508
|
|
|
509
|
+
details[open] > summary {
|
|
510
|
+
margin-bottom: var(--spacing-xs);
|
|
511
|
+
}
|
|
512
|
+
|
|
455
513
|
dialog {
|
|
456
514
|
font-size: inherit;
|
|
457
515
|
line-height: inherit;
|