GitHub Embed

Sh Raj - May 4 - - Dev Community

GitHub logo SH20RAJ / ShowdownCSS

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

ShowdownCSS 🎨

License GitHub stars GitHub issues Visitors

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

Spice up your Markdown content! 🔥

Features

  • Styling for Markdown elements like headers, paragraphs, lists, code blocks, blockquotes, tables, links, and horizontal rules.
  • Different themes available, with the default one provided.

Installation

You can include ShowdownCSS in your project using a CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
Enter fullscreen mode Exit fullscreen mode

Usage 🤓

  1. First, make sure you have a Markdown file ready to go! 📄

  2. Include ShowdownCSS in your HTML file:

    <head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
</head>
    Enter fullscreen mode Exit fullscreen mode

  3. Wrap your Markdown content in a div with the class .showdowncontainer:

    <div class="showdowncontainer">
  <!-- Your Markdown content goes here! -->
</div>
    Enter fullscreen mode Exit fullscreen mode

  4. That's it! 🎉 Your Markdown content inside .showdowncontainer will now be styled…

View on GitHub

GitHub logo SH20RAJ / ShowdownCSS

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

ShowdownCSS 🎨

License GitHub stars GitHub issues Visitors

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

Spice up your Markdown content! 🔥

Features

  • Styling for Markdown elements like headers, paragraphs, lists, code blocks, blockquotes, tables, links, and horizontal rules.
  • Different themes available, with the default one provided.

Installation

You can include ShowdownCSS in your project using a CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
Enter fullscreen mode Exit fullscreen mode

Usage 🤓

  1. First, make sure you have a Markdown file ready to go! 📄

  2. Include ShowdownCSS in your HTML file:

    <head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
</head>
    Enter fullscreen mode Exit fullscreen mode

  3. Wrap your Markdown content in a div with the class .showdowncontainer:

    <div class="showdowncontainer">
  <!-- Your Markdown content goes here! -->
</div>
    Enter fullscreen mode Exit fullscreen mode

  4. That's it! 🎉 Your Markdown content inside .showdowncontainer will now be styled…

View on GitHub
Image
The Most Convincing Proof That You Need Best Wall Mounted Electric Fires
Image
Writing Your First JavaScript Program.
Image
Responsive Side Navigation Bar With Tooltips in HTML, CSS and JavaScript

javascript, html, css, webdev
Image
Are You Responsible For A Ghost Installer Budget? 12 Best Ways To Spend Your Money
Image
10 Apps That Can Help You Control Your Asbestos Litigation
Image
8 Tips To Increase Your Gas Heating Engineer Near Me Game
Image
Portrait Photography Suggestions, Strategies, Settings & Ideas For 2024
Image
10 Websites To Help You Learn To Be An Expert In Domestic Gas Engineer
Image
Lima Realitas Menarik perihal Judi Online
Image
10 Life Lessons We Can Learn From Car Ghost Immobiliser
Image
Traplift zonder stoeltje
Image
Metode Periksa Rekam jejak Situs Judi Online Dengan Betul
Image
Buying a Single Oven Electric
Image
Can a Built in Single Gas Oven and Grill Be Installed in Your Kitchen?
Image
Watch Out: How Accident Lawyers Panama City Is Taking Over And What Can We Do About It
Image
Simple Sidebar Menu in HTML, CSS and JavaScript

webdev, typescript, css, html
Image
PruebaJMRG

codepen
Image
Memutuskan Situs Judi Online Dengan Bonus Besar
Image
Cool NPM Packages for web Dev </>
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .