diff options
| author | Francesco Tomaselli <tomaselli.fr@gmail.com> | 2025-01-17 10:03:35 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-01-17 10:03:35 +0100 |
| commit | 05e9fc84ff0ab6d9ac371c7b1d85432cc143c7fb (patch) | |
| tree | 2f2b16f94cd37d93026fa5532b8f06a7ac9eda09 /assets/css | |
| parent | 86bb1d6cda6a59a05d24558c83b6e3c780138f96 (diff) | |
| parent | 156f1eb9623a54843a728936b08851cdb7aa21e3 (diff) | |
Merge pull request #64 from arunmathaisk/main
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main.css | 19 | ||||
| -rw-r--r-- | assets/css/vars.css | 1 |
2 files changed, 20 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 61eca0a..c25d741 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -74,7 +74,26 @@ a { /* Code blocks */ +.copy-code-button { + background-color: var(--background); + font-family: var(--font-mono); + padding: 3px 6px; + font-size: 0.8em; + border-radius: var(--copy-code-button-border-radius); + position: absolute; + top: 10px; + right: 10px; + z-index: 1; + display: none; + border: 1px solid var(--code-border); +} + +pre:hover .copy-code-button { + display: block; +} + pre { + position: relative; padding: var(--code-padding); border: 1px solid var(--code-border); overflow: scroll; diff --git a/assets/css/vars.css b/assets/css/vars.css index 995cf2e..b28df63 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -44,6 +44,7 @@ /* Code */ --code-padding: 1.5rem; --code-border-radius: 10px; + --copy-code-button-border-radius: 7px; /* Social section */ --social-icons-bottom-margin: 3rem; |