nk_jtb 0.11.2 → 0.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.html +30 -19
  2. package/package.json +1 -1
  3. package/src/utilities/_typography.scss +7 -3
package/index.html CHANGED
@@ -14,6 +14,7 @@
14
14
  <body>
15
15
 
16
16
 
17
+
17
18
  <style>
18
19
  .fade-out-mask {
19
20
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
@@ -29,25 +30,35 @@
29
30
  }
30
31
  </style>
31
32
 
32
- <div class="container relative">
33
- <div class="badge green">Badge</div>
34
-
35
- <div class="absolute inline-flex items-center justify-center wh-1.5 txt-xs red rounded-full"> 20</div>
36
-
37
- <div class="round-badge red">3</div>
38
-
39
- <!-- <button type="button"
40
- class="relative inline-flex items-center p-3 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
41
- <svg class="" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
42
- <path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z" />
43
- <path
44
- d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z" />
45
- </svg>
46
- <span class="sr-only">Notifications</span>
47
- <div
48
- class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-2 -end-2 dark:border-gray-900">
49
- 20</div>
50
- </button> -->
33
+ <div class="container py">
34
+ <h2>List Styles</h2>
35
+ <div class="flex space-x">
36
+ <ul class="bx">
37
+ <li>Item one</li>
38
+ <li>Item two</li>
39
+ <li>Item three</li>
40
+ </ul>
41
+ <ul class="bx list-none">
42
+ <li>Item one</li>
43
+ <li>Item two</li>
44
+ <li>Item three</li>
45
+ </ul>
46
+ <ul class="bx list-decimal">
47
+ <li>Item one</li>
48
+ <li>Item two</li>
49
+ <li>Item three</li>
50
+ </ul>
51
+ <ul class="bx list-square">
52
+ <li>Item one</li>
53
+ <li>Item two</li>
54
+ <li>Item three</li>
55
+ </ul>
56
+ <ul class="bx list-circle">
57
+ <li>Item one</li>
58
+ <li>Item two</li>
59
+ <li>Item three</li>
60
+ </ul>
61
+ </div>
51
62
  </div>
52
63
 
53
64
  <div class="container-md py-5">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "nk_jtb",
3
3
  "description": "Yet another utility based framework.",
4
- "version": "0.11.2",
4
+ "version": "0.11.3",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/naykel76/nk_jtb.git"
package/src/utilities/_typography.scss CHANGED
@@ -1,11 +1,11 @@
1
- @use "../mixins/common" as *;
2
- @use "sass:map";
1
+ @use '../mixins/common' as *;
2
+ @use 'sass:map';
3
3
 
4
4
  // ==========================================================================
5
5
  // -- PROPERTY MAPS --
6
6
  // ==========================================================================
7
7
  // remove from the colour map
8
- $text-colors: map.remove($color-map, "danger", "dark", "info", "light", "success", "warning");
8
+ $text-colors: map.remove($color-map, 'danger', 'dark', 'info', 'light', 'success', 'warning');
9
9
 
10
10
  $text-rem-sizes: (1, 1.5, 2, 2.5, 3, 4) !default;
11
11
 
@@ -118,6 +118,10 @@ $typography-properties-map: (
118
118
  text-wrap: (
119
119
  prefix: "#{$text-identifier}",
120
120
  values: ( wrap, balance, nowrap, pretty )
121
+ ),
122
+ list-style-type: (
123
+ prefix: "list-",
124
+ values: (none, disc, decimal, circle, square)
121
125
  )
122
126
  );
123
127