From 1446c9c0c8577f26aca6139dd8f338555a034626 Mon Sep 17 00:00:00 2001 From: sai4ul Date: Tue, 5 Sep 2023 21:59:27 +0600 Subject: [PATCH] Updated : Version Controll --- css/doc.css | 18 +- css/style.css | 4 + doc.html | 388 ++++++++++++++++++++++++++++++++ icons.html | 599 ++++++++++++++++++++++++++------------------------ index.html | 105 +++++---- 5 files changed, 786 insertions(+), 328 deletions(-) create mode 100644 doc.html diff --git a/css/doc.css b/css/doc.css index f284bc7..c1aecdf 100644 --- a/css/doc.css +++ b/css/doc.css @@ -2674,4 +2674,20 @@ text-decoration:none; opacity:1 } - \ No newline at end of file + + + .dropdown-menu-end[data-bs-popper] { + padding: 10px; + border: 0; + background: rgba(var(--bs-body-color-rgb), 0.075); + } + + .dropdown-item:focus, .dropdown-item:hover { + border-radius: 6px; + background: none; + } + + .dropdown-item.active, .dropdown-item:active { + background-color: #0000009c; + border-radius: 5px; + } \ No newline at end of file diff --git a/css/style.css b/css/style.css index 2aad7a8..c72212c 100644 --- a/css/style.css +++ b/css/style.css @@ -362,3 +362,7 @@ a { opacity: 1; width: 11px; } + +a:hover{ + text-decoration: none; +} \ No newline at end of file diff --git a/doc.html b/doc.html new file mode 100644 index 0000000..502a013 --- /dev/null +++ b/doc.html @@ -0,0 +1,388 @@ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ +
+ +

adibaIcon

+ + +
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ + +
+
+

Basic Usage

+

Sets the icon color to primary .icon-primary .icon-secondary

+

Increases the icon size to large .icon-lg .icon-red

+ + +
+ +
+ 

+    CDN   https://adibaicon.vercel.app/css/adibaIcon.css
+    
+
+ +
+ +
+ + + +
+ +
+
+
+
+ + +
+ + + + + +

CDN

+ +

Getting Started

+

To use the icons from this library, follow these steps:

+
    +
  1. Include the font files in your project directory.
    2. +
  2. Link the generated CSS file in your HTML or import it in your + project's stylesheets.
    3. +
+

Usage

+

Basic Usage

+

To add an icon to your HTML, use the following structure:

+ 
<span class="adiba-icon icon-r icon-lg icon-red"></span>
+

img/Screenshot.png

+

Customization

+

You can customize icons by using color and size classes:

+
    +

  • .icon-primary: Sets the icon color to + primary.

    • +

  • .icon-secondary: Sets the icon color to + secondary.

    • +

  • .icon-success: Sets the icon color to + success.

    • +

  • .icon-lg: Increases the icon size to large.

    • +

  • .icon-md: Sets the icon size to medium.

    • +

  • .icon-sm: Reduces the icon size to small.

    • +
+

Combine color and size classes for complete customization:

+ 
<span class="adiba-icon icon-r icon-lg icon-red"></span>
+

Available Icons

+

A: B: + C: +

+

Demo

+ 
<i class="adiba-icon icon-r icon-lg icon-red "></i>
+<i class="adiba-icon icon-a icon-lg icon-blue "></i>
+<i class="adiba-icon icon-s icon-lg icon-yellow "></i>
+<i class="adiba-icon icon-h icon-lg icon-purple"></i>
+<i class="adiba-icon icon-e icon-lg icon-green"></i>
+<i class="adiba-icon icon-d icon-lg icon-orange"></i>
+ + +

Contributing

+

If you'd like to contribute to the library by adding new icons or + improving existing ones, please follow our contribution guidelines.

+
+ + +
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/icons.html b/icons.html index 5740352..15ccbb8 100644 --- a/icons.html +++ b/icons.html @@ -210,26 +210,56 @@
-

adibaIcon font demo

+

adibaIcon

-
- -
- -
-
-
+
+ +
+ +
+
+
@@ -238,305 +268,302 @@

adibaIcon font demo

- - - - -
+ -
+ +
+
-
-
-
- -
-
-
+
+
+
+ +
+
+
-
- - -
+
+ + +
-
-
- icon-style1-a0xe800 +
+
+ icon-style1-a0xe800 +
+
+ icon-style1-b0xe801 +
+
+ icon-style1-c0xe802 +
+
+ icon-style1-d0xe803 +
+
+
+
+ icon-style1-e0xe804
-
- icon-style1-b0xe801 +
+ icon-style1-f0xe805
-
- icon-style1-c0xe802 +
+ icon-style1-g0xe806
-
- icon-style1-d0xe803 +
+ icon-style1-h0xe807
-
-
-
- icon-style1-e0xe804 -
-
- icon-style1-f0xe805 -
-
- icon-style1-g0xe806 -
-
- icon-style1-h0xe807 -
-
-
-
- icon-style1-i0xe808 -
-
- icon-style1-j0xe809 -
-
- icon-style1-k0xe80a -
-
- icon-style1-l0xe80b -
-
-
-
- icon-style1-m0xe80c -
-
- icon-style1-n0xe80d -
-
- icon-style1-o0xe80e -
-
- icon-style1-p0xe80f -
-
-
-
- icon-style1-q0xe810 -
-
- icon-style1-r0xe811 -
-
- icon-style1-s0xe812 -
-
- icon-style1-t0xe813 -
-
-
-
- icon-style1-u0xe814 -
-
- icon-style1-v0xe815 -
-
- icon-style1-w0xe816 -
-
- icon-style1-x0xe817 -
-
-
-
- icon-style1-y0xe818 -
-
- icon-style1-z0xe819 -
-
- icon-style2-a0xe81a -
-
- icon-style2-b0xe81b -
-
-
-
- icon-style2-c0xe81c -
-
- icon-style2-d0xe81d -
-
- icon-style2-e0xe81e -
-
- icon-style2-f0xe81f -
-
-
-
- icon-style2-g0xe820 -
-
- icon-style2-h0xe821 -
-
- icon-style2-i0xe822 -
-
- icon-style2-j0xe823 -
-
-
-
- icon-style2-k0xe824 -
-
- icon-style2-l0xe825 -
-
- icon-style2-m0xe826 -
-
- icon-style2-n0xe827 -
-
-
-
- icon-style2-o0xe828 -
-
- icon-style2-p0xe829 -
-
- icon-style2-q0xe82a -
-
- icon-style2-r0xe82b -
-
-
-
- icon-style2-s0xe82c -
-
- icon-style2-t0xe82d -
-
- icon-style2-u0xe82e -
-
- icon-style2-v0xe82f -
-
-
-
- icon-style2-w0xe830 -
-
- icon-style2-x0xe831 -
-
- icon-style2-y0xe832 -
-
- icon-style2-z0xe833 -
-
-
-
- icon-style3-a0xe834 -
-
- icon-style3-b0xe835 -
-
- icon-style3-c0xe836 -
-
- icon-style3-d0xe837 -
-
-
-
- icon-style3-e0xe838 -
-
- icon-style3-f0xe839 -
-
- icon-style3-g0xe83a -
-
- icon-style3-h0xe83b
-
-
-
- icon-style3-i0xe83c +
+
+ icon-style1-i0xe808 +
+
+ icon-style1-j0xe809 +
+
+ icon-style1-k0xe80a +
+
+ icon-style1-l0xe80b +
-
- icon-style3-j0xe83d +
+
+ icon-style1-m0xe80c +
+
+ icon-style1-n0xe80d +
+
+ icon-style1-o0xe80e +
+
+ icon-style1-p0xe80f +
-
- icon-style3-k0xe83e +
+
+ icon-style1-q0xe810 +
+
+ icon-style1-r0xe811 +
+
+ icon-style1-s0xe812 +
+
+ icon-style1-t0xe813 +
-
- icon-style3-l0xe83f +
+
+ icon-style1-u0xe814 +
+
+ icon-style1-v0xe815 +
+
+ icon-style1-w0xe816 +
+
+ icon-style1-x0xe817 +
-
-
-
- icon-style3-m0xe840 +
+
+ icon-style1-y0xe818 +
+
+ icon-style1-z0xe819 +
+
+ icon-style2-a0xe81a +
+
+ icon-style2-b0xe81b +
-
- icon-style3-n0xe841 +
+
+ icon-style2-c0xe81c +
+
+ icon-style2-d0xe81d +
+
+ icon-style2-e0xe81e +
+
+ icon-style2-f0xe81f +
-
- icon-style3-o0xe842 +
+
+ icon-style2-g0xe820 +
+
+ icon-style2-h0xe821 +
+
+ icon-style2-i0xe822 +
+
+ icon-style2-j0xe823 +
-
- icon-style3-p0xe843 +
+
+ icon-style2-k0xe824 +
+
+ icon-style2-l0xe825 +
+
+ icon-style2-m0xe826 +
+
+ icon-style2-n0xe827 +
-
-
-
- icon-style3-q0xe844 +
+
+ icon-style2-o0xe828 +
+
+ icon-style2-p0xe829 +
+
+ icon-style2-q0xe82a +
+
+ icon-style2-r0xe82b +
-
- icon-style3-r0xe845 +
+
+ icon-style2-s0xe82c +
+
+ icon-style2-t0xe82d +
+
+ icon-style2-u0xe82e +
+
+ icon-style2-v0xe82f +
-
- icon-style3-s0xe846 +
+
+ icon-style2-w0xe830 +
+
+ icon-style2-x0xe831 +
+
+ icon-style2-y0xe832 +
+
+ icon-style2-z0xe833 +
-
- icon-style3-t0xe847 +
+
+ icon-style3-a0xe834 +
+
+ icon-style3-b0xe835 +
+
+ icon-style3-c0xe836 +
+
+ icon-style3-d0xe837 +
-
-
-
- icon-style3-u0xe848 +
+
+ icon-style3-e0xe838 +
+
+ icon-style3-f0xe839 +
+
+ icon-style3-g0xe83a +
+
+ icon-style3-h0xe83b +
-
- icon-style3-v0xe849 +
+
+ icon-style3-i0xe83c +
+
+ icon-style3-j0xe83d +
+
+ icon-style3-k0xe83e +
+
+ icon-style3-l0xe83f +
-
- icon-style3-w0xe84a +
+
+ icon-style3-m0xe840 +
+
+ icon-style3-n0xe841 +
+
+ icon-style3-o0xe842 +
+
+ icon-style3-p0xe843 +
-
- icon-style3-x0xe84b +
+
+ icon-style3-q0xe844 +
+
+ icon-style3-r0xe845 +
+
+ icon-style3-s0xe846 +
+
+ icon-style3-t0xe847 +
-
-
-
- icon-style3-y0xe84c +
+
+ icon-style3-u0xe848 +
+
+ icon-style3-v0xe849 +
+
+ icon-style3-w0xe84a +
+
+ icon-style3-x0xe84b +
-
- icon-style3-z0xe84d +
+
+ icon-style3-y0xe84c +
+
+ icon-style3-z0xe84d +
-
+
-
-
+
+
+
+
-
@@ -305,12 +332,8 @@

Customizing via icons size & color

+
- - -
- -