From a0bd47649d67d4ac2b1f99dbdd624aa833e7f2e3 Mon Sep 17 00:00:00 2001 From: vrifox Date: Wed, 15 Mar 2023 12:42:18 +0100 Subject: [PATCH] [blog] translate and revise article --- .../pure-css-icons-gitea-theme/index.de.md | 52 +++++++++++++++++++ .../pure-css-icons-gitea-theme/index.en.md | 12 ++--- 2 files changed, 58 insertions(+), 6 deletions(-) create mode 100644 content/blog/pure-css-icons-gitea-theme/index.de.md diff --git a/content/blog/pure-css-icons-gitea-theme/index.de.md b/content/blog/pure-css-icons-gitea-theme/index.de.md new file mode 100644 index 0000000..b9bebff --- /dev/null +++ b/content/blog/pure-css-icons-gitea-theme/index.de.md @@ -0,0 +1,52 @@ +--- +title: "Pure CSS-Icons für mein Gitea-Theme" +author: "" +date: 2020-10-05T12:14:51+02:00 +categories: + - gitea-theme +tags: + - webdesign + - code + +draft: false +description: "Ich habe meinem Gitea-Theme zwei Icons hinzugefügt, die ich in purem CSS geschrieben habe." +--- + +**Update (28.02.2021):** Der Code wird wegen Änderungen an Gitea nicht länger verwendet. + +Ich arbeite an meinem Gitea-Theme und habe gerade zwei alternative `$keinjavascript` Icons in purem CSS hinzugefügt. :) + +![Das Gitea-Repository mit den geänderten Verzeichnis- und Datei-Icons](2020-10-05_pure-css-icons-2.jpg) + +# Der Code + +```scss +.svg { + &.octicon-file-directory, + &.octicon-file-submodule { + fill: rgb(255, 130, 130); + @if $nojavascript == true { + background: rgb(255, 130, 130); + border-radius: 0 1px 2px 2px; + box-shadow: -4px -7px 0px -4px rgb(255, 130, 130); + height: 10px; + margin-left: 5px !important; + margin-top: 4px; + width: 14px; + } + } + &.octicon-file { + fill: rgb(215, 215, 225); + @if $nojavascript == true { + border: 1px solid rgb(215, 215, 225); + border-radius: 0 5px 0 0; + height: 13px; + margin-left: 7px !important; + margin-right: 6px !important; + width: 10px; + } + } +} +``` + +~~Eine Live-Version kann auf [code.cozy.town](https://code.cozy.town/vrifox/gitea-theme) betrachtet werden.~~ diff --git a/content/blog/pure-css-icons-gitea-theme/index.en.md b/content/blog/pure-css-icons-gitea-theme/index.en.md index 5fcda18..cc8cd6f 100644 --- a/content/blog/pure-css-icons-gitea-theme/index.en.md +++ b/content/blog/pure-css-icons-gitea-theme/index.en.md @@ -9,16 +9,16 @@ tags: - code draft: false -description: "I'm working on my gitea theme and just added a $nojavascript alternative for two icons with pure css. :)" +description: "I added two icons to my Gitea theme that I’ve created purely with CSS." --- -**Update (2021-02-28):** The code is no longer in use due to changes to gitea. +**Update (2021-02-28):** The code is no longer in use due to changes to Gitea. -I'm working on my gitea theme and just added a $nojavascript alternative for two icons with pure css. :) +I'm working on my gitea theme and just added a `$nojavascript` alternative for two icons with pure css. :) -![an image of how it actually looks](2020-10-05_pure-css-icons-2.jpg) +![The Gitea repository with the changed directory and file icons](2020-10-05_pure-css-icons-2.jpg) -# the code +# The Code ```scss .svg { @@ -49,4 +49,4 @@ I'm working on my gitea theme and just added a $nojavascript alternative for two } ``` -A live version can be found on [code.cozy.town](https://code.cozy.town/vrifox/gitea-theme). +~~A live version can be found on [code.cozy.town](https://code.cozy.town/vrifox/gitea-theme).~~