From 87ac650f51ead9cb751f6627431b50e42d022c76 Mon Sep 17 00:00:00 2001
From: Micke Nordin <micke@noreply.code.smolnet.org>
Date: Wed, 23 Nov 2022 09:35:43 +0000
Subject: [PATCH] This is the css used to transfor the publishbutton on
 mastodon 4.x to a toot button

---
 toot.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 toot.css

diff --git a/toot.css b/toot.css
new file mode 100644
index 0000000..442c13d
--- /dev/null
+++ b/toot.css
@@ -0,0 +1,76 @@
+a[href="/publish"] {
+    visibility: hidden;
+}
+
+a[href="/publish"]:after {
+    content: 'TOOT!';
+    visibility: visible;
+    text-rendering: optimizelegibility;
+    font-feature-settings: "kern";
+    text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    margin: 0;
+    font: inherit;
+    vertical-align: baseline;
+    background-color: #595aff;
+    border: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-family: inherit;
+    font-size: 15px;
+    font-weight: 500;
+    letter-spacing: 0;
+    line-height: 22px;
+    overflow: hidden;
+    padding: 7px 18px;
+    position: relative;
+    text-align: center;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: auto;
+    flex: 0 0 auto;
+}
+
+.button.button--block {
+    visibility: hidden;
+}
+
+.button.button--block:after {
+    content: 'TOOT!';
+    visibility: visible;
+    font-feature-settings: "kern";
+    text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    pointer-events: auto;
+    background-color: #595aff;
+    border: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    color: #fff;
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 15px;
+    font-weight: 500;
+    letter-spacing: 0;
+    line-height: 22px;
+    overflow: hidden;
+    padding: 7px 18px;
+    position: relative;
+    text-align: center;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+}
+    box-sizing: border-box;
+    cursor: pointer;
+    font-weight: 500;
+    outline: 0;
+    margin-bottom: 10px;
+    margin-right: 0;
+}
\ No newline at end of file