miniflux-on-railway/custom.css at master · reorx/miniflux-on-railway · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/* # variables */
:root {
  --entry-content-font-weight: initial;
  --entry-content-quote-font-family: var(--entry-content-font-family);
  --category-background-color: #fff7c7;
  --category-border-color: var(--category-background-color);
  --category-link-color: #8e6d09;
}

/* # entry */
/* ## optimize text rendering */
.entry header h1,
.entry-content {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/* ## typography and readability */
.entry-content {
line-height: 1.6em;
font-size: 18px;
padding-top: 30px;
}
.entry-content p {
margin-bottom: 20px;
}

/* ## refine {date, author actions, meta, pagination} style */
.entry-date {
font-size: 15px;
}
.entry-author {
font-size: 16px;
}
.entry-actions, .entry-meta {
margin-bottom: 15px;
}
.pagination-entry-top {
padding-top: 0;
margin-top: 15px;
}

/* # dark theme */
@media (prefers-color-scheme: dark) {
:root {
    --feed-has-unread-background-color: rgb(42 92 44 / 17%);
    --feed-has-unread-border-color: #798778;
    --feed-parsing-error-background-color: #2f2020;
    --category-background-color: #474432;
    --category-link-color: #8d7222;
}
}

/* # list */
.pagination-top {
margin-bottom: 20px;
}

/* # misc */
@media screen and (max-width: 500px) {
main {
  padding-left: 15px;
  padding-right: 15px;
}
}

.header li a:hover {
/* fix: this style is intended to use a variable but failed to do so */
color: var(--header-link-hover-color);
}

/* ## editor */
textarea[name=custom_css] {
  width: 100%;
  height: 500px;
}