DEV Community

Sh Raj
Sh Raj

Posted on

GitHub Embed

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

Top comments (0)

Read next

srparis profile image

Nueva ventana

Edu París -

dingzhanjun profile image

Express typescript extension, interface merging

John Ding -

ylanzinhoy profile image

Event Loop - Parte 2

Enzo Lanze -

bingecoder89 profile image

How to use ChatGPT effectively

bingecoder89 -