Skip to content

Commit 185f93f

Browse files
UnderlineWordsUnderlineWords
committed
008
1 parent 163da9b commit 185f93f

83 files changed

Lines changed: 4833 additions & 4833 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎components/alert/index.html‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<link rel="canonical" href="http://localhost:8000/components/alert">
6+
<link rel="canonical" href="https://codeforms.github.io/Punica-CSS-Framework/components/alert">
77
<title> Alert - Punica CSS Framework v3 </title>
88
<meta name="description" content="The Alert component is designed to display important messages or notifications to users. It offers a straightforward and effective way to capture attention, emphasize key information, or convey the status of an action. With six available themes—default, &lt;code&gt;.primary&lt;/code&gt;, &lt;code&gt;.success&lt;/code&gt;, &lt;code&gt;.warning&lt;/code&gt;, &lt;code&gt;.error&lt;/code&gt;, and &lt;code&gt;.dark&lt;/code&gt;—Alerts are highly customizable to suit various designs and themes. Simply add the &lt;code&gt;.alert&lt;/code&gt; class to a &lt;code&gt;span&lt;/code&gt; or &lt;code&gt;div&lt;/code&gt; container element to create an alert.">
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
1010
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codeforms/Punica-CSS-Framework@3.x.x/dist/punica.min.css">
11-
<link rel="stylesheet" href="http://localhost:8000/assets/build/css/prism.css">
11+
<link rel="stylesheet" href="https://codeforms.github.io/Punica-CSS-Framework/assets/build/css/prism.css">
1212
</head>
1313
<body class="overflow-auto">
1414
<div class="reset container">
@@ -20,17 +20,17 @@
2020
<!-- /responsive hamburger menu-->
2121

2222
<section class="brand width-240">
23-
<a href="http://localhost:8000/" class="display-flex align-items-center">
23+
<a href="https://codeforms.github.io/Punica-CSS-Framework/" class="display-flex align-items-center">
2424
Punica CSS <span class="weight-normal ml-5 text-small">v3 Beta</span>
2525
</a>
2626
</section>
2727

2828
<section class="links">
2929
<div class="divided section justify-content-flex-start">
3030
<div class="dark full height borderless tab align-items-center">
31-
<a href="http://localhost:8000/components/alert" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 active">Components</a>
32-
<a href="http://localhost:8000/elements/button" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Elements</a>
33-
<a href="http://localhost:8000/utilities/accent-color" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Utilities</a>
31+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/alert" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 active">Components</a>
32+
<a href="https://codeforms.github.io/Punica-CSS-Framework/elements/button" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Elements</a>
33+
<a href="https://codeforms.github.io/Punica-CSS-Framework/utilities/accent-color" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Utilities</a>
3434
<a href="javascript:" class="disabled button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">
3535
API Docs
3636
</a>
@@ -71,77 +71,77 @@
7171
</div>
7272
<div class="pure small menu display-block overflow-y-auto pb-100 pt-20 px-30" style="height: calc(-145px + 100vh);">
7373
<li class="item" id="alert">
74-
<a href="http://localhost:8000/components/alert#alert" class="py-0 active border-left-4 border-dark transparent weight-bold">
74+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/alert#alert" class="py-0 active border-left-4 border-dark transparent weight-bold">
7575
<span class="color-text-lighten-20">Alert</span>
7676
</a>
7777
</li>
7878
<li class="item" id="badge">
79-
<a href="http://localhost:8000/components/badge#badge" class="py-0 ">
79+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/badge#badge" class="py-0 ">
8080
<span class="color-text-lighten-20">Badge</span>
8181
</a>
8282
</li>
8383
<li class="item" id="breadcrumb">
84-
<a href="http://localhost:8000/components/breadcrumb#breadcrumb" class="py-0 ">
84+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/breadcrumb#breadcrumb" class="py-0 ">
8585
<span class="color-text-lighten-20">Breadcrumb</span>
8686
</a>
8787
</li>
8888
<li class="item" id="caption">
89-
<a href="http://localhost:8000/components/caption#caption" class="py-0 ">
89+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/caption#caption" class="py-0 ">
9090
<span class="color-text-lighten-20">Caption</span>
9191
</a>
9292
</li>
9393
<li class="item" id="card">
94-
<a href="http://localhost:8000/components/card#card" class="py-0 ">
94+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/card#card" class="py-0 ">
9595
<span class="color-text-lighten-20">Card</span>
9696
</a>
9797
</li>
9898
<li class="item" id="label">
99-
<a href="http://localhost:8000/components/label#label" class="py-0 ">
99+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/label#label" class="py-0 ">
100100
<span class="color-text-lighten-20">Label</span>
101101
</a>
102102
</li>
103103
<li class="item" id="list">
104-
<a href="http://localhost:8000/components/list#list" class="py-0 ">
104+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/list#list" class="py-0 ">
105105
<span class="color-text-lighten-20">List</span>
106106
</a>
107107
</li>
108108
<li class="item" id="menu">
109-
<a href="http://localhost:8000/components/menu#menu" class="py-0 ">
109+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/menu#menu" class="py-0 ">
110110
<span class="color-text-lighten-20">Menu</span>
111111
</a>
112112
</li>
113113
<li class="item" id="navbar">
114-
<a href="http://localhost:8000/components/navbar#navbar" class="py-0 ">
114+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/navbar#navbar" class="py-0 ">
115115
<span class="color-text-lighten-20">Navbar</span>
116116
</a>
117117
</li>
118118
<li class="item" id="panel">
119-
<a href="http://localhost:8000/components/panel#panel" class="py-0 ">
119+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/panel#panel" class="py-0 ">
120120
<span class="color-text-lighten-20">Panel</span>
121121
</a>
122122
</li>
123123
<li class="item" id="process">
124-
<a href="http://localhost:8000/components/process#process" class="py-0 ">
124+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/process#process" class="py-0 ">
125125
<span class="color-text-lighten-20">Process</span>
126126
</a>
127127
</li>
128128
<li class="item" id="stats">
129-
<a href="http://localhost:8000/components/stats#stats" class="py-0 ">
129+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/stats#stats" class="py-0 ">
130130
<span class="color-text-lighten-20">Stats</span>
131131
</a>
132132
</li>
133133
<li class="item" id="tabnav">
134-
<a href="http://localhost:8000/components/tabnav#tabnav" class="py-0 ">
134+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/tabnav#tabnav" class="py-0 ">
135135
<span class="color-text-lighten-20">Tabnav</span>
136136
</a>
137137
</li>
138138
<li class="item" id="timeline">
139-
<a href="http://localhost:8000/components/timeline#timeline" class="py-0 ">
139+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/timeline#timeline" class="py-0 ">
140140
<span class="color-text-lighten-20">Timeline</span>
141141
</a>
142142
</li>
143143
<li class="item" id="tooltip">
144-
<a href="http://localhost:8000/components/tooltip#tooltip" class="py-0 ">
144+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/tooltip#tooltip" class="py-0 ">
145145
<span class="color-text-lighten-20">Tooltip</span>
146146
</a>
147147
</li>
@@ -270,7 +270,7 @@ <h2 class="display-flex mb-10">
270270
</main>
271271
</div>
272272
</div>
273-
<script src="http://localhost:8000/assets/build/js/prism.js"></script>
273+
<script src="https://codeforms.github.io/Punica-CSS-Framework/assets/build/js/prism.js"></script>
274274
<style type="text/css">
275275
@media only screen and (max-width: 1024px) {
276276
.sidebar {

‎components/badge/index.html‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<link rel="canonical" href="http://localhost:8000/components/badge">
6+
<link rel="canonical" href="https://codeforms.github.io/Punica-CSS-Framework/components/badge">
77
<title> Badge - Punica CSS Framework v3 </title>
88
<meta name="description" content="The Badge component is a small, attention-grabbing element used to display additional information or highlight specific content. Commonly used to indicate notifications, counts, or status labels, Badges are versatile and can be easily attached to buttons, icons, or other UI elements. With customizable styles and sizes, they seamlessly integrate into any design. Just add the &lt;code&gt;.badge&lt;/code&gt; class to a &lt;code&gt;span&lt;/code&gt; or &lt;code&gt;div&lt;/code&gt; container element to create a badge.">
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
1010
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codeforms/Punica-CSS-Framework@3.x.x/dist/punica.min.css">
11-
<link rel="stylesheet" href="http://localhost:8000/assets/build/css/prism.css">
11+
<link rel="stylesheet" href="https://codeforms.github.io/Punica-CSS-Framework/assets/build/css/prism.css">
1212
</head>
1313
<body class="overflow-auto">
1414
<div class="reset container">
@@ -20,17 +20,17 @@
2020
<!-- /responsive hamburger menu-->
2121

2222
<section class="brand width-240">
23-
<a href="http://localhost:8000/" class="display-flex align-items-center">
23+
<a href="https://codeforms.github.io/Punica-CSS-Framework/" class="display-flex align-items-center">
2424
Punica CSS <span class="weight-normal ml-5 text-small">v3 Beta</span>
2525
</a>
2626
</section>
2727

2828
<section class="links">
2929
<div class="divided section justify-content-flex-start">
3030
<div class="dark full height borderless tab align-items-center">
31-
<a href="http://localhost:8000/components/alert" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 active">Components</a>
32-
<a href="http://localhost:8000/elements/button" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Elements</a>
33-
<a href="http://localhost:8000/utilities/accent-color" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Utilities</a>
31+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/alert" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 active">Components</a>
32+
<a href="https://codeforms.github.io/Punica-CSS-Framework/elements/button" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Elements</a>
33+
<a href="https://codeforms.github.io/Punica-CSS-Framework/utilities/accent-color" class="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">Utilities</a>
3434
<a href="javascript:" class="disabled button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 ">
3535
API Docs
3636
</a>
@@ -71,77 +71,77 @@
7171
</div>
7272
<div class="pure small menu display-block overflow-y-auto pb-100 pt-20 px-30" style="height: calc(-145px + 100vh);">
7373
<li class="item" id="alert">
74-
<a href="http://localhost:8000/components/alert#alert" class="py-0 ">
74+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/alert#alert" class="py-0 ">
7575
<span class="color-text-lighten-20">Alert</span>
7676
</a>
7777
</li>
7878
<li class="item" id="badge">
79-
<a href="http://localhost:8000/components/badge#badge" class="py-0 active border-left-4 border-dark transparent weight-bold">
79+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/badge#badge" class="py-0 active border-left-4 border-dark transparent weight-bold">
8080
<span class="color-text-lighten-20">Badge</span>
8181
</a>
8282
</li>
8383
<li class="item" id="breadcrumb">
84-
<a href="http://localhost:8000/components/breadcrumb#breadcrumb" class="py-0 ">
84+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/breadcrumb#breadcrumb" class="py-0 ">
8585
<span class="color-text-lighten-20">Breadcrumb</span>
8686
</a>
8787
</li>
8888
<li class="item" id="caption">
89-
<a href="http://localhost:8000/components/caption#caption" class="py-0 ">
89+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/caption#caption" class="py-0 ">
9090
<span class="color-text-lighten-20">Caption</span>
9191
</a>
9292
</li>
9393
<li class="item" id="card">
94-
<a href="http://localhost:8000/components/card#card" class="py-0 ">
94+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/card#card" class="py-0 ">
9595
<span class="color-text-lighten-20">Card</span>
9696
</a>
9797
</li>
9898
<li class="item" id="label">
99-
<a href="http://localhost:8000/components/label#label" class="py-0 ">
99+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/label#label" class="py-0 ">
100100
<span class="color-text-lighten-20">Label</span>
101101
</a>
102102
</li>
103103
<li class="item" id="list">
104-
<a href="http://localhost:8000/components/list#list" class="py-0 ">
104+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/list#list" class="py-0 ">
105105
<span class="color-text-lighten-20">List</span>
106106
</a>
107107
</li>
108108
<li class="item" id="menu">
109-
<a href="http://localhost:8000/components/menu#menu" class="py-0 ">
109+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/menu#menu" class="py-0 ">
110110
<span class="color-text-lighten-20">Menu</span>
111111
</a>
112112
</li>
113113
<li class="item" id="navbar">
114-
<a href="http://localhost:8000/components/navbar#navbar" class="py-0 ">
114+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/navbar#navbar" class="py-0 ">
115115
<span class="color-text-lighten-20">Navbar</span>
116116
</a>
117117
</li>
118118
<li class="item" id="panel">
119-
<a href="http://localhost:8000/components/panel#panel" class="py-0 ">
119+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/panel#panel" class="py-0 ">
120120
<span class="color-text-lighten-20">Panel</span>
121121
</a>
122122
</li>
123123
<li class="item" id="process">
124-
<a href="http://localhost:8000/components/process#process" class="py-0 ">
124+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/process#process" class="py-0 ">
125125
<span class="color-text-lighten-20">Process</span>
126126
</a>
127127
</li>
128128
<li class="item" id="stats">
129-
<a href="http://localhost:8000/components/stats#stats" class="py-0 ">
129+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/stats#stats" class="py-0 ">
130130
<span class="color-text-lighten-20">Stats</span>
131131
</a>
132132
</li>
133133
<li class="item" id="tabnav">
134-
<a href="http://localhost:8000/components/tabnav#tabnav" class="py-0 ">
134+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/tabnav#tabnav" class="py-0 ">
135135
<span class="color-text-lighten-20">Tabnav</span>
136136
</a>
137137
</li>
138138
<li class="item" id="timeline">
139-
<a href="http://localhost:8000/components/timeline#timeline" class="py-0 ">
139+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/timeline#timeline" class="py-0 ">
140140
<span class="color-text-lighten-20">Timeline</span>
141141
</a>
142142
</li>
143143
<li class="item" id="tooltip">
144-
<a href="http://localhost:8000/components/tooltip#tooltip" class="py-0 ">
144+
<a href="https://codeforms.github.io/Punica-CSS-Framework/components/tooltip#tooltip" class="py-0 ">
145145
<span class="color-text-lighten-20">Tooltip</span>
146146
</a>
147147
</li>
@@ -263,7 +263,7 @@ <h2 class="display-flex mb-10">
263263
</main>
264264
</div>
265265
</div>
266-
<script src="http://localhost:8000/assets/build/js/prism.js"></script>
266+
<script src="https://codeforms.github.io/Punica-CSS-Framework/assets/build/js/prism.js"></script>
267267
<style type="text/css">
268268
@media only screen and (max-width: 1024px) {
269269
.sidebar {

0 commit comments

Comments
 (0)