refactor some styling

1 files changed, 34 insertions, 0 deletions

diff --git a/web/style/props.css b/web/style/props.css
new file mode 100644
index 0000000..5f314e3
--- /dev/null
+++ b/web/style/props.css
@@ -0,0 +1,34 @@
+
+.props p {
+    margin: 0.4em;
+    font-size: small;
+    font-weight: bolder;
+    display: inline-block;
+    padding: 0.2em;
+    background: var(--background-prop);
+    border-radius: 4px;
+}
+.props p.federation {
+    background: rgba(22, 101, 133, 0.603);
+}
+.props p.federation::before {
+    content: "link";
+}
+.props p.watched {
+    background: rgba(75, 175, 44, 0.644);
+}
+.props p.watched::before {
+    content: "check";
+}
+.props p.progress {
+    background: rgba(156, 89, 35, 0.63);
+}
+.props p.progress::before {
+    content: "pending";
+}
+.props p.rating {
+    background: rgba(138, 156, 35, 0.63);
+}
+.props p.rating::before {
+    content: "stars";
+}