adapte Alkessian.less to Salsify's Jira (#20)

2023-05-26 00:22:00 +02:00
parent cd6c1deb22
commit 617ce513c3
5 changed files with 56 additions and 103 deletions
--- a/Jirafy.less
+++ b/Jirafy.less
@@ -0,0 +1,53 @@
+@-moz-document domain("atlassian.net") {
+
+    /*@font-face {
+        font-family: "Charlie Text";
+        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Regular.woff2") format("woff");
+        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Semibold.woff2") format("woff");
+        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Bold.woff2") format("woff");
+        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Black.woff2") format("woff");
+    }*/
+
+    /* Shorten the Salsify Icon */
+    header nav img {
+        filter: hue-rotate(30deg);
+        // max-width: 90px !important;
+        width: 32px;
+        height: 32px;
+        object-fit: cover;
+        object-position: left;
+    }
+
+    header nav:has(img:first-of-type) a {
+        margin: unset;
+    }
+
+    /* Buttons */
+    header a,
+    header button {
+        background-color: transparent !important;
+
+        svg {
+            transition: transform .2s;
+        }
+
+        &[aria-expanded="true"] {
+            color: var(--ds-text-subtle, hsl(218, 31%, 30%)) !important;
+            background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important;
+
+            svg {
+                transform: rotate(-0.25turn);
+            }
+        }
+
+        &#createGlobalItem {
+            border-radius: 2px;
+            color: var(--ds-text-subtle, hsl(218, 31%, 30%));
+
+            &:hover {
+                outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8));
+            }
+        }
+    }
+
+}