SOT Library CSS

Description

This is a SOT package which contains the most used classes among SOT pages. You can see the available classes in here: SOT Library Example APP.

Including SOT Library CSS

Below are some of the most common ways to include the CSS Library.

CDN

You can add the library just using the following link:

https://cdn.jsdelivr.net/npm/sot-library-css@1.0.1/main.css

you can import as one of your CSS files in the header:

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/sot-library-css@1.0.1/BeenVerified.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css" />

Webpack

You can install it just like another npm package

npm install sot-library-css

and then importing the library in your project:

import 'sot-library-css/BeenVerified.css';

Download

You can also just download the CSS file that you want and import it to your project:

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/BeenVerified-Styles.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css" />

Ways To Use It

you can change the version just replacing the number after the @ for example:

https://cdn.jsdelivr.net/npm/sot-library-css@1.0.4/main.css

you can import just the most used classes from BeeenVerified changing the file name, for example:

https://cdn.jsdelivr.net/npm/sot-library-css@1.0.1/BeenVerified.css

or just the styles from PeopleLooker:

https://cdn.jsdelivr.net/npm/sot-library-css@1.0.1/PeopleLooker.css