28
28
< section class ="links ">
29
29
< div class ="divided section justify-content-flex-start ">
30
30
< div class ="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 "> 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 >
31
+ < a href ="https://codeforms.github.io/Punica-CSS-Framework/modules/alert " class ="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 "> Modules</ a >
33
32
< 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 >
34
33
< a href ="https://codeforms.github.io/Punica-CSS-Framework/api/installation " class ="button color-text-lighten-20 weight-500 height-30 border-1 px-0 mx-15 active "> API Docs</ a >
35
34
</ div >
@@ -153,11 +152,11 @@ <h2 class="display-flex mb-10">
153
152
< div class ="pure panel reset ">
154
153
< div class ="header ">
155
154
< div class ="h5 ">
156
- < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> components </ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > keys...)</ span >
155
+ < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> module </ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > keys...)</ span >
157
156
</ div >
158
157
</ div >
159
158
< div class ="content ">
160
- < p > Get a specific component 's variable from the theme map or from the < code > options.scss</ code > API file, which contains the default settings.</ p >
159
+ < p > Get a specific module 's variable from the theme map or from the < code > options.scss</ code > API file, which contains the default settings.</ p >
161
160
< table class ="table ">
162
161
< thead >
163
162
< tr >
@@ -176,17 +175,17 @@ <h2 class="display-flex mb-10">
176
175
< div class ="content ">
177
176
< script type ="text/plain " class ="language-scss ">
178
177
// example usage
179
- components ( 'card' , 'padding' ) // 1rem
180
- components ( 'process' , 'item' , 'indicator' , 'font-size' ) // 2.16rem
178
+ module ( 'card' , 'padding' ) // 1rem
179
+ module ( 'process' , 'item' , 'indicator' , 'font-size' ) // 2.16rem
181
180
</ script >
182
181
</ div >
183
182
< div class ="header ">
184
183
< div class ="h5 ">
185
- < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> elements </ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > keys...) </ span >
184
+ < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> features </ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > module, < span class =" color-error " > $ </ span > feature: null): bool </ span >
186
185
</ div >
187
186
</ div >
188
187
< div class ="content ">
189
- < p > Get a specific element's variable from the theme map or from the < code > options.scss</ code > API file, which contains the default settings.</ p >
188
+ < p > Get features of a module from the theme map or from the < code > options.scss</ code > API file, which contains the default settings.</ p >
190
189
< table class ="table ">
191
190
< thead >
192
191
< tr >
@@ -195,39 +194,6 @@ <h2 class="display-flex mb-10">
195
194
</ tr >
196
195
</ thead >
197
196
< tbody >
198
- < tr >
199
- < td > < code > $keys</ code > </ td >
200
- < td > String(s)</ td >
201
- </ tr >
202
- </ tbody >
203
- </ table >
204
- </ div >
205
- < div class ="content ">
206
- < script type ="text/plain " class ="language-scss ">
207
- // example usage
208
- elements ( 'button' , 'preloader' , 'border-width' ) // 3px
209
- elements ( 'form' , 'textarea' , 'min-height' ) // 6.5rem
210
- </ script >
211
- </ div >
212
- < div class ="header ">
213
- < div class ="h5 ">
214
- < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> features</ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > node, < span class ="color-error "> $</ span > module, < span class ="color-error "> $</ span > feature: null): bool</ span >
215
- </ div >
216
- </ div >
217
- < div class ="content ">
218
- < p > Get features of Components/Elements from the theme map or from the < code > options.scss</ code > API file, which contains the default settings.</ p >
219
- < table class ="table ">
220
- < thead >
221
- < tr >
222
- < th > Parameters</ th >
223
- < th > Type</ th >
224
- </ tr >
225
- </ thead >
226
- < tbody >
227
- < tr >
228
- < td > < code > $node</ code > </ td >
229
- < td > String</ td >
230
- </ tr >
231
197
< tr >
232
198
< td > < code > $module</ code > </ td >
233
199
< td > String</ td >
@@ -242,17 +208,17 @@ <h2 class="display-flex mb-10">
242
208
< div class ="content ">
243
209
< script type ="text/plain " class ="language-scss ">
244
210
// example usage
245
- features ( 'components' , ' card', 'horizontal' ) // true
246
- features ( 'elements' , ' button', 'preloader' ) // true
211
+ features ( 'card' , 'horizontal' ) // true
212
+ features ( 'button' , 'preloader' ) // true
247
213
</ script >
248
214
</ div >
249
215
< div class ="header ">
250
216
< div class ="h5 ">
251
- < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> enabled</ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > node, < span class =" color-error " > $ </ span > module: null): bool</ span >
217
+ < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> enabled</ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > module: null): bool</ span >
252
218
</ div >
253
219
</ div >
254
220
< div class ="content ">
255
- < p > Is component/element enabled?</ p >
221
+ < p > Is module enabled?</ p >
256
222
< table class ="table ">
257
223
< thead >
258
224
< tr >
@@ -261,27 +227,23 @@ <h2 class="display-flex mb-10">
261
227
</ tr >
262
228
</ thead >
263
229
< tbody >
264
- < tr >
265
- < td > < code > $node</ code > </ td >
266
- < td > String</ td >
267
- </ tr >
268
230
< tr >
269
231
< td > < code > $module</ code > </ td >
270
- < td > String</ td >
232
+ < td > String|null </ td >
271
233
</ tr >
272
234
</ tbody >
273
235
</ table >
274
236
</ div >
275
237
< div class ="content ">
276
238
< script type ="text/plain " class ="language-scss ">
277
239
// example usage
278
- enabled ( 'elements' , ' grid') // true
279
- enabled ( 'components' , ' navbar') // true
240
+ enabled ( 'grid' ) // true
241
+ enabled ( 'navbar' ) // true
280
242
</ script >
281
243
</ div >
282
244
< div class ="header ">
283
245
< div class ="h5 ">
284
- < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> set_variable</ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > module, < span class =" color-error " > $ </ span > keys...)</ span >
246
+ < i class ="material-symbols-outlined align-middle text-larger color-error "> alternate_email</ i > function < span class ="color-warning "> set_variable</ span > < span class ="weight-normal "> (< span class ="color-error "> $</ span > keys...)</ span >
285
247
</ div >
286
248
</ div >
287
249
< div class ="content ">
@@ -293,10 +255,6 @@ <h2 class="display-flex mb-10">
293
255
</ tr >
294
256
</ thead >
295
257
< tbody >
296
- < tr >
297
- < td > < code > $module</ code > </ td >
298
- < td > String</ td >
299
- </ tr >
300
258
< tr >
301
259
< td > < code > $keys</ code > </ td >
302
260
< td > String(s)</ td >
0 commit comments