Skip to content

Commit 163da9b

Browse files
UnderlineWordsUnderlineWords
committed
008
1 parent 61195b6 commit 163da9b

86 files changed

Lines changed: 4940 additions & 4917 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.

‎assets/images/04.jpg‎

19.1 KB
Loading

‎assets/images/05.jpg‎

-23.9 KB
Loading

‎assets/images/credits.txt‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
01.jpg
2+
Aniket Deole
3+
https://unsplash.com/@anik3t
4+
--
5+
02.jpg
6+
Kalen Emsley
7+
https://unsplash.com/@kalenemsley
8+
--
9+
03.jpg
10+
Jack Millard
11+
https://unsplash.com/@millarjb
12+
--
13+
04.jpg
14+
Danny Postma
15+
https://unsplash.com/@dannypostma
16+
--
17+
05.jpg
18+
pine watt
19+
https://unsplash.com/@pinewatt
20+
--
21+
06.jpg
22+
Tim Swaan
23+
https://unsplash.com/@timswaanphotography

‎components/alert/index.html‎

Lines changed: 23 additions & 23 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="https://codeforms.github.io/Punica-CSS-Framework/components/alert">
6+
<link rel="canonical" href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/assets/build/css/prism.css">
11+
<link rel="stylesheet" href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/" class="display-flex align-items-center">
23+
<a href="http://localhost:8000/" 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="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>
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>
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>
@@ -62,7 +62,7 @@
6262
</header>
6363
<div class="main-container display-flex" style="margin-top: 65px;">
6464
<div class="sidebar display-flex border-right-1 width-240 shrink-0 position-fixed left-0" style="height: calc(-65px + 100vh); padding-bottom: calc(-65px + 100vh); top: 65px;">
65-
<div class="position-sticky top-0 left-0 height-100 border-bottom-1 border-x-0 border-top-0 border-grey weight-normal border-solid mb-10 pt-0 full width display-block position-relative">
65+
<div class="position-sticky top-0 left-0 height-100 border-bottom-1 border-x-0 border-top-0 border-grey weight-normal border-solid mb-10 pt-0 full width display-block">
6666
<div class="leading-1 display-flex align-items-center full height width border-left-10 border-dark">
6767
<div class="full width px-40">
6868
<div class="h5 weight-normal">Components</div>
@@ -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="https://codeforms.github.io/Punica-CSS-Framework/components/alert#alert" class="py-0 active border-left-4 border-dark transparent weight-bold">
74+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/badge#badge" class="py-0 ">
79+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/breadcrumb#breadcrumb" class="py-0 ">
84+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/caption#caption" class="py-0 ">
89+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/card#card" class="py-0 ">
94+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/label#label" class="py-0 ">
99+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/list#list" class="py-0 ">
104+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/menu#menu" class="py-0 ">
109+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/navbar#navbar" class="py-0 ">
114+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/panel#panel" class="py-0 ">
119+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/process#process" class="py-0 ">
124+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/stats#stats" class="py-0 ">
129+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/tabnav#tabnav" class="py-0 ">
134+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/timeline#timeline" class="py-0 ">
139+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/components/tooltip#tooltip" class="py-0 ">
144+
<a href="http://localhost:8000/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="https://codeforms.github.io/Punica-CSS-Framework/assets/build/js/prism.js"></script>
273+
<script src="http://localhost:8000/assets/build/js/prism.js"></script>
274274
<style type="text/css">
275275
@media only screen and (max-width: 1024px) {
276276
.sidebar {

0 commit comments

Comments
 (0)