mackuba.eu
A curated list of libraries & SDKs for the Bluesky API and AT Protocol
tweaked styles for tags
+33
-6
assets/style.scss
+33
-6
assets/style.scss
···
70
70
#tag_cloud {
71
71
span {
72
72
cursor: pointer;
73
-
transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
73
+
user-select: none;
74
+
-webkit-user-select: none;
75
+
76
+
&:hover {
77
+
background-color: hsl(205, 75%, 82%);
78
+
};
74
79
75
80
&.selected {
76
-
background-color: hsl(210, 90%, 45%);
77
-
border-color: hsl(210, 90%, 38%);
81
+
background-color: hsl(210, 90%, 55%);
82
+
border-color: hsl(210, 90%, 50%);
78
83
color: white;
79
-
box-shadow: 0 0 0 2px hsla(210, 90%, 45%, 0.25);
84
+
border-width: 2px;
85
+
margin-right: 7px;
86
+
margin-left: -1px;
80
87
}
81
88
}
82
89
}
···
179
186
h2 { border-color: #666; background-color: rgba(255, 255, 255, 0.05); }
180
187
}
181
188
182
-
.tags span { background-color: #073659; border-color: #1c5179; color: #77aad1; }
183
-
#tag_cloud span.selected { background-color: hsl(210, 80%, 58%); border-color: hsl(210, 80%, 52%); color: #01213a; box-shadow: 0 0 0 2px hsla(210, 80%, 58%, 0.25); }
189
+
.tags span {
190
+
background-color: #073659;
191
+
border-color: #1c5179;
192
+
color: #77aad1;
193
+
}
194
+
195
+
#tag_cloud span:hover {
196
+
background-color: hsl(205, 75%, 32%);
197
+
border-color: hsl(205, 63%, 44%);
198
+
color: hsl(205, 50%, 80%);
199
+
}
200
+
201
+
#tag_cloud span.selected {
202
+
background-color: hsl(210, 95%, 60%);
203
+
border-color: hsl(210, 80%, 50%);
204
+
color: hsl(210, 95%, 5%);
205
+
}
184
206
185
207
.projects li {
186
208
border-color: #666;
187
209
background-color: rgba(255, 255, 255, 0.02);
210
+
211
+
&.official {
212
+
border-color: hsl(210, 80%, 40%);
213
+
background-color: hsla(210, 90%, 45%, 10%);
214
+
}
188
215
189
216
.author a { color: #888; }
190
217
.stars { color: #888; }