forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: make more obvious that imports are clickable
+7
-3
+7
-3
app/components/CodeViewer.vue
+7
-3
app/components/CodeViewer.vue
···
131
131
.code-content :deep(.import-link) {
132
132
color: inherit;
133
133
text-decoration: underline;
134
-
text-decoration-color: transparent;
134
+
text-decoration-style: dotted;
135
+
text-decoration-color: rgba(158, 203, 255, 0.5); /* syntax.str with transparency */
135
136
text-underline-offset: 2px;
136
-
transition: text-decoration-color 0.15s;
137
+
transition:
138
+
text-decoration-color 0.15s,
139
+
text-decoration-style 0.15s;
137
140
cursor: pointer;
138
141
}
139
142
140
143
.code-content :deep(.import-link:hover) {
141
-
text-decoration-color: currentColor;
144
+
text-decoration-style: solid;
145
+
text-decoration-color: #9ecbff; /* syntax.str - light blue */
142
146
}
143
147
</style>