[blog] translate and revise article
This commit is contained in:
parent
92e831da8e
commit
a0bd47649d
2 changed files with 58 additions and 6 deletions
52
content/blog/pure-css-icons-gitea-theme/index.de.md
Normal file
52
content/blog/pure-css-icons-gitea-theme/index.de.md
Normal file
|
@ -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.~~
|
|
@ -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).~~
|
||||
|
|
Loading…
Reference in a new issue