Willy/md-badges
1
0
Fork 0
mirror of https://github.com/inttter/md-badges.git synced 2026-05-06 18:36:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

+ ♻️ Slight code reformats

Browse source
This commit is contained in:
Inter 2023-12-12 23:18:30 +00:00
parent c8477183c5
commit c07a81a9b9
1 changed files with 10 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
STYLES.md
View file

@ -1,5 +1,3 @@
![logo](assets/md-badges.png)
<div align="center"> <div align="center">
# ⛩️ Types of Badges ⛩️ # ⛩️ Types of Badges ⛩️
@ -22,41 +20,41 @@ If you want to change the style of your badge, add the following code into your
`style=plastic` `style=plastic`
Example: `![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?style=plastic&logo=github&logoColor=white)` **Example:** `![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?style=plastic&logo=github&logoColor=white)`
Result: ![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?style=plastic&logo=github&logoColor=white) **Result:** ![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?style=plastic&logo=github&logoColor=white)
## **Flat Square:** ## **Flat Square:**
`style=flat-square` `style=flat-square`
Example: `![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?style=flat-square&logo=YouTube&logoColor=white)` **Example:** `![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?style=flat-square&logo=YouTube&logoColor=white)`
Result: ![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?style=flat-square&logo=YouTube&logoColor=white) **Result:** ![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?style=flat-square&logo=YouTube&logoColor=white)
## **Flat:** ## **Flat:**
`style=flat` `style=flat`
Example: `![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?style=flat&logo=Twitch&logoColor=white)` **Example:** `![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?style=flat&logo=Twitch&logoColor=white)`
Result: ![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?style=flat&logo=Twitch&logoColor=white) **Result:**:![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?style=flat&logo=Twitch&logoColor=white)
## Social ## Social
`style=social` `style=social`
Example: `![GitHub repo watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social)` **Example:** `![GitHub repo watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social)`
Result: ![GitHub repo watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social) **Result:** ![GitHub repo watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social)
## For The Badge ## For The Badge
`style=for-the-badge` `style=for-the-badge`
Example: `![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white)` **Example:** `![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white)`
Result: ![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white) **Result:** ![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white)