Installation

To install my styles, you can either download the source files  from the github repo or install the npm package.

npm i my-style-css

After that you can simply import the my styles CSS file in your html or css files.

Importing via HTML

<!-- Minified file -->
<link rel="stylesheet" href="./node_modules/my-style/dist/index.css" />
<!-- or the source file -->
<link rel="stylesheet" href="./node_modules/my-style/src/css/index.css" />

Importing via CSS

/* Minified file */
@import "./node_modules/my-style/dist/index.css";
/* or the source file */
@import "./node_modules/my-style/src/css/index.css";

Adding Google fonts

Importing via HTML

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap"
 rel="stylesheet">

Importing via CSS

@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

Adding Google icons

Importing via HTML

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
rel="stylesheet"/>

Importing via CSS

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

Using Prism to style code blocks

Download the JS and CSS bundle from  Prism  site and import them in your project.