From 87a44677be907cad9ee26d908fada5ea28addabb Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Tue, 7 Apr 2020 11:25:24 +0200
Subject: [PATCH] Add download link style (VPU/Apps/Signature#2)
---
packages/common/styles.js | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 4d7e1910..62e66fcc 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -97,6 +97,29 @@ export function getGeneralCSS() {
text-decoration: none;
}
+ a.is-download {
+ border-bottom: 1px solid rgba(0,0,0,0.4);
+ transition: background-color 0.15s, color 0.15s;
+ }
+
+ a.is-download:hover {
+ color: #fff;
+ background-color: #000;
+ }
+
+ /* Inline SVG don't work in our web-components */
+ /*
+ a.is-download:after, a.is-download:hover:after {
+ content: "\\00a0\\00a0\\00a0\\00a0";
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%228.3021mm%22%20width%3D%228.2977mm%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%220%200%2029.401607%2029.41681%22%3E%3Cg%20style%3D%22stroke-width%3A2.1%22%20transform%3D%22translate(-271.68%20-367.92)%22%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-width%3A2.1%3Bfill%3Anone%22%20d%3D%22m300.13%20390.41v2.3918c0%201.9813-1.6064%203.5877-3.5877%203.5877h-20.326c-1.9813%200-3.5877-1.6064-3.5877-3.5877v-2.3918%22%2F%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-width%3A2.1%3Bfill%3Anone%22%20d%3D%22m286.38%20390.27v-21.384%22%2F%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-width%3A2.1%3Bfill%3Anone%22%20d%3D%22m295.13%20381.52-8.7501%208.7462-8.7501-8.7462%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center center;
+ margin: 0 0.25% 0 1.5%;
+ font-size: 94%;
+ }
+ */
+
.title {
color: #363636;
font-size: 2rem;
--
GitLab