hjp
/
rss2html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Switch colors and use shadows instead of borders

This commit is contained in:
Peter J. Holzer 2021-05-12 23:12:41 +02:00
parent 6896e620ba
commit 41380bb04f
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
rss2html.css
View File

@ -1,14 +1,20 @@
:root {
--item-bg: #fff;
--itemlist-bg: #F6F6FF;
}
.item {
border-style: solid;
border-style: none;
border-width: 1px;
border-color: #88F;
border-radius: 0.2em 0.2em 0.2em 1.5em;
border-radius: 0.2em 0.2em 0.2em 0.2em;
padding: 0.5em;
background-color: #F6F6FF;
background-color: var(--item-bg);
margin: 1em;
hyphens: auto;
-moz-hyphens: auto;
max-width: 40em;
box-shadow: 0.2em 0.2em 0.5em 0.3em #0002;
}
@media screen and (min-width: 45em) {
@ -23,7 +29,7 @@
// content: "";
// background-color: #00F;
// height: 6px;
// background: linear-gradient(#F6F6FF, #EEEEFF);
// background: linear-gradient(var(--item-bg), #EEEEFF);
// }
.op {
@ -141,7 +147,7 @@ input[type=checkbox] ~ .feedlist {
}
.itemlist {
//background-color: #EEF;
background-color: var(--itemlist-bg);
font-family: "Quercus", sans-serif;
display: flex;
flex-flow: row wrap;