css/wip
This commit is contained in:
parent
0991ea8e70
commit
a9bec52767
2 changed files with 19 additions and 7 deletions
|
@ -1,16 +1,19 @@
|
|||
:root {
|
||||
--anchor-text: #f88;
|
||||
--anchor-background: #bbb;
|
||||
--anchor-text: #f00;
|
||||
--banner-background: #ccf;
|
||||
--body-background: #fff;
|
||||
--body-text: #000;
|
||||
--header-background: #ccc;
|
||||
--item-even: #ddd;
|
||||
--item-odd: #eee;
|
||||
--org-background: #afa;
|
||||
--qrcode-background: ;
|
||||
--ruler-border: #888;
|
||||
}
|
||||
@media screen {
|
||||
.dark {
|
||||
--anchor-background: #222;
|
||||
--anchor-text: #f88;
|
||||
--banner-background: #558;
|
||||
--body-background: #000;
|
||||
|
@ -18,6 +21,7 @@
|
|||
--header-background: #444;
|
||||
--item-even: #222;
|
||||
--item-odd: #111;
|
||||
--org-background: #030;
|
||||
--qrcode-background: #aaa;
|
||||
--ruler-border: #444;
|
||||
}
|
||||
|
@ -52,6 +56,7 @@ a {
|
|||
text-underline-offset: .25em;
|
||||
}
|
||||
a:hover {
|
||||
background-color: var(--anchor-background);
|
||||
color: var(--anchor-text);
|
||||
}
|
||||
|
||||
|
@ -61,9 +66,10 @@ article.org, header {
|
|||
}
|
||||
header {
|
||||
padding-inline: .5em;
|
||||
background-color: var(--header-background);
|
||||
}
|
||||
header.org {
|
||||
background-color: var(--header-background);
|
||||
background-color: var(--org-background);
|
||||
}
|
||||
|
||||
article header {
|
||||
|
@ -78,7 +84,7 @@ div.org {
|
|||
section.banner {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.banner {
|
||||
margin-block-start: .5em;
|
||||
|
@ -122,6 +128,9 @@ img.org {
|
|||
block-size: 2em;
|
||||
margin-inline-end: .5em;
|
||||
}
|
||||
img.photo {
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
li:nth-of-type(even) { background-color: var(--item-even); }
|
||||
li:nth-of-type(odd) { background-color: var(--item-odd); }
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue