53 lines
1.3 KiB
Markdown
53 lines
1.3 KiB
Markdown
|
---
|
||
|
|
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. :)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
# 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.~~
|