obsidian-rss/styles.css at master · hing/obsidian-rss · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
.rss-read a {
    color: darkslategrey;
}

.has-invalid-message {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "text image"
        "inv inv";
}

.rss-setting-input input {
    grid-column: span 2;
}

input.is-invalid {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.unset-align-items {
    align-items: unset;
}

.invalid-feedback {
    display: block;
    grid-area: inv;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.rss-scrollable-content {
    overflow: auto;
    height: 60vh;
}


.rss-tooltip {
    position: relative;
}

.rss-tooltip .tooltiptext {
    visibility: hidden;
    background-color: var(--interactive-hover);
    color: var(--text-normal);
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: var(--layer-tooltip);
}

.rss-tooltip:hover .tooltiptext {
    visibility: visible;
}

.rss-content img {
    max-width: 100%;
}

.rss-subtitle {
    display: inline;
}

/*action buttons on mobile should not take one line each*/
.is-mobile button.rss-button {
    width: auto;
}

.rss-selectable {
    user-select: text;
}

.rss-card {
    padding-top: 10px;
    width: 100%;
    height: 100%;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    background: var(--background-primary);
}

.rss-card-items {
    display: flex;
    padding-top: 10px;
}

.rss-card-items .rss-item-text {
    padding-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 10em;
}

.rss-item-title {
    padding-left: 5px;
}

.rss-feed-item {
    width: 100%;
}

.rss-view {
    background: var(--background-secondary);
}

/*making sure both highlight styles look consistent*/
.rss-modal li mark {
    background-color: var(--text-highlight-bg);
}


.rss-modal mark li {
    background-color: var(--text-highlight-bg);
}

.rss-modal mark {
    background-color: var(--text-highlight-bg);
}