this repo has no description
A bit more aesthetic touches for 'Read more' buttons
+10
-2
+5
-1
src/components/status.css
+5
-1
src/components/status.css
···
112
112
border-radius: 10em;
113
113
font-size: 90%;
114
114
white-space: nowrap;
115
-
transition: all 0.2s ease-out;
115
+
box-shadow: inset 0 0 0 1px var(--bg-color);
116
+
text-shadow: 0 -1px var(--bg-color);
117
+
transition-property: transform, background-color, border-color;
118
+
transition-duration: 0.2s;
119
+
transition-timing-function: ease-out;
116
120
}
117
121
118
122
&:is(:hover, :focus):after {
+5
-1
src/pages/notifications.css
+5
-1
src/pages/notifications.css
···
126
126
border-radius: 10em;
127
127
font-size: 90%;
128
128
white-space: nowrap;
129
-
transition: all 0.2s ease-out;
129
+
box-shadow: inset 0 0 0 1px var(--bg-color);
130
+
text-shadow: 0 -1px var(--bg-color);
131
+
transition-property: transform, background-color, border-color;
132
+
transition-duration: 0.2s;
133
+
transition-timing-function: ease-out;
130
134
}
131
135
.notification .status-link:is(:hover, :focus).truncated:after {
132
136
border-color: var(--link-color);