kogakure/website-11ty-hamburg.stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de.git synced 2026-02-03 12:15:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(shortcode): styles for email shortcode

Browse Source
This commit is contained in:
Stefan Imhoff
2022-02-03 17:35:07 +01:00
parent 708663dc72
commit 1eb424083a
3 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/assets/styles/components/email.css Normal file
View File

@@ -0,0 +1,21 @@
@import '../base/variables';
@import '../base/breakpoints';
/** Email */
.lock-box {
align-items: center;
background: transparent;
border: 0;
cursor: pointer;
display: inline-flex;
height: 20px;
justify-content: center;
position: relative;
top: 0.2em;
width: 25px;
}
.lock-icon {
fill: var(--color-fg);
font-size: 1.2em;
}

3
src/assets/styles/main.css
View File

@@ -3,6 +3,9 @@
@import 'base/breakpoints'; @import 'base/breakpoints';
@import 'base/videos'; @import 'base/videos';
/* Layout */
@import 'components/email';
/* Layout */ /* Layout */
@import 'layout/page-footer'; @import 'layout/page-footer';
@import 'layout/footnotes'; @import 'layout/footnotes';

4
src/utils/shortcodes.js
View File

@@ -10,13 +10,13 @@ module.exports = {
${text} ${text}
</a>`; </a>`;
const keyDownload = outdent` const keyDownload = outdent`
<span id="lock-box" class="about-lock-box hidden"> <span id="lock-box" class="lock-box hidden">
<a <a
title="${downloadText}" title="${downloadText}"
aria-label="${downloadText}" aria-label="${downloadText}"
href="/downloads/publickey.hey@imhoff.name-9cb867d4ccd2c1d7d9fde82f4b649797f3e007a9.asc" href="/downloads/publickey.hey@imhoff.name-9cb867d4ccd2c1d7d9fde82f4b649797f3e007a9.asc"
> >
<svg class="about-lock-icon" aria-hidden="true" viewBox="0 0 24 24" width="1em" height="1em"> <svg class="lock-icon" aria-hidden="true" viewBox="0 0 24 24" width="1em" height="1em">
<use xlink:href="#lock"></use> <use xlink:href="#lock"></use>
</svg> </svg>
</a></span>`; </a></span>`;