Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
baidou5 authored Sep 19, 2024
1 parent 32baa4a commit 8bc801d
Showing 1 changed file with 44 additions and 2 deletions.
46 changes: 44 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,12 +68,54 @@ or
```css
@import 'node_modules/simpli-css/dist/SimpliCSS.css';
```
## Using CDN
You can include SimpliCSS either through a CDN or by installing it locally in your project.
To include `SimpliCSS` via CDN, simply add the following link to the `<head>` section of your HTML document:
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/baidou5/SimpliCSS@main/src/SimpliCSS.css">
```
### Integration
# Laravel Integration
To integrate SimpliCSS into a Laravel project:
```html
cp path/to/SimpliCSS/src/SimpliCSS.css public/css/
```

# or Using CDN
Add this link to your Blade template (e.g., resources/views/layouts/app.blade.php):
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/baidou5/SimpliCSS@main/src/SimpliCSS.css">
```
Then, reference the file in your Blade template:
```html
<link rel="stylesheet" href="{{ asset('css/SimpliCSS.css') }}">
```
# Integration with CodeIgniter
To integrate SimpliCSS into a CodeIgniter project:

Add SimpliCSS:

## Usage
Using CDN:

Add the following line to your header file (e.g., `application/views/layouts/header.php`):
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/baidou5/SimpliCSS@main/SimpliCSS/SimpliCSS.css">
```
# Local Installation:

Copy the SimpliCSS.css file to `public/css/ or assets/css/`:
```html
cp path/to/SimpliCSS/src/SimpliCSS.css public/css/
```
Include it in your view file:
```html
<link rel="stylesheet" href="<?= base_url('css/SimpliCSS.css') ?>">
```
### Usage

SimpliCSS utilizes simple utility classes to style your elements. Apply these classes to your HTML elements to quickly create layouts and style your content.

### Example Usage
## Example Usage

```html
<div class="bg-blue text-white p-2 rounded-md shadow-md">
Expand Down

0 comments on commit 8bc801d

Please sign in to comment.