cobweb/xmitter-11ty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change those ugly red tags.

Browse Source
This commit is contained in:
Zach Leatherman 2021-03-17 10:43:13 -05:00
parent 8c22eb5916
commit 9971c1cf84
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/index.css
View File

@ -1,6 +1,5 @@
/* Colors */
:root { :root {
--red: #C5004A;
--darkred: #7F0036;
--lightgray: #e0e0e0; --lightgray: #e0e0e0;
--gray: #C0C0C0; --gray: #C0C0C0;
--darkgray: #333; --darkgray: #333;
@ -8,14 +7,17 @@
--blue: #082840; --blue: #082840;
--white: #fff; --white: #fff;
} }
/* Global stylesheet */
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
html, html,
body { body {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: system-ui, sans-serif; font-family: -apple-system, system-ui, sans-serif;
color: var(--darkgray); color: var(--darkgray);
background-color: var(--white); background-color: var(--white);
} }
@ -182,20 +184,26 @@ pre {
/* Tags */ /* Tags */
.post-tag { .post-tag {
display: inline-block; display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: text-top; vertical-align: text-top;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.625em; /* 10px /16 */ font-size: 0.6875em; /* 11px /16 */
padding: 2px 4px; padding: 2px 4px;
margin-left: 0.8em; /* 8px /10 */ margin-left: 0.8em; /* 8px /10 */
background-color: var(--red); color: var(--darkgray);
color: var(--white); border: 1px solid var(--gray);
border-radius: 0.25em; /* 3px /12 */ border-radius: 0.25em; /* 3px /12 */
text-decoration: none; text-decoration: none;
} }
a[href].post-tag, a[href].post-tag,
a[href].post-tag:visited { a[href].post-tag:visited {
color: #fff; color: inherit;
}
a[href].post-tag:hover,
a[href].post-tag:focus {
background-color: var(--lightgray);
} }
/* Warning */ /* Warning */