nk_jtb 0.14.1 → 0.14.2
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.
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.14.
|
|
4
|
+
"version": "0.14.2",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/naykel76/nk_jtb.git"
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
"jtb": "sass --watch --no-source-map ./src/jtb.scss:dist/css/jtb.css",
|
|
15
15
|
"play": "sass --watch --no-source-map ./src/play.scss:dist/css/play.css",
|
|
16
16
|
"dev": "vite --open",
|
|
17
|
-
"build:jtb": "sass --style compressed --no-source-map ./src/jtb.scss:dist/jtb.min.css",
|
|
18
17
|
"build": "vite build && npm run build:jtb && npm run build:jtb_basic",
|
|
19
18
|
"preview": "vite preview"
|
|
20
19
|
},
|
|
@@ -20,7 +20,7 @@ $text-variant-sizes: (
|
|
|
20
20
|
) !default;
|
|
21
21
|
|
|
22
22
|
// convert 'rem' sizes to map and merge with variant sizes
|
|
23
|
-
$text-
|
|
23
|
+
$text-sizes: map.merge(listToMap($text-rem-sizes), $text-variant-sizes);
|
|
24
24
|
|
|
25
25
|
// ==========================================================================
|
|
26
26
|
// -- OPINIONATED TEXT CLASSES --
|
|
@@ -76,7 +76,7 @@ $typography-properties-map: (
|
|
|
76
76
|
),
|
|
77
77
|
font-size: (
|
|
78
78
|
prefix: "#{$text-identifier}",
|
|
79
|
-
values: $text-
|
|
79
|
+
values: $text-sizes,
|
|
80
80
|
// TXT BREAKPOINTS ARE NOT WORKING CORRECTLY WITH THE UNIT
|
|
81
81
|
// breakpoints: ("sm", "md", "lg", "xl"),
|
|
82
82
|
unit: "rem"
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use '../maps_and_variables/tailwind-colors' as *;
|
|
2
|
+
@use 'sass:map';
|
|
2
3
|
|
|
3
4
|
// NK::TD Consider if I really need place holder color utility classes
|
|
4
5
|
|
|
@@ -15,3 +16,42 @@
|
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
18
|
}
|
|
19
|
+
|
|
20
|
+
// NK::TD Update to use build tools including responsive breakpoints
|
|
21
|
+
$text-variants: (
|
|
22
|
+
xs: (
|
|
23
|
+
font-size: 0.75rem,
|
|
24
|
+
line-height: 1
|
|
25
|
+
),
|
|
26
|
+
sm: (
|
|
27
|
+
font-size: 0.875rem,
|
|
28
|
+
line-height: 1.25
|
|
29
|
+
),
|
|
30
|
+
base: (
|
|
31
|
+
font-size: 1rem,
|
|
32
|
+
line-height: 1.5
|
|
33
|
+
),
|
|
34
|
+
lg: (
|
|
35
|
+
font-size: 1.125rem,
|
|
36
|
+
line-height: 1.5
|
|
37
|
+
),
|
|
38
|
+
xl: (
|
|
39
|
+
font-size: 1.25rem,
|
|
40
|
+
line-height: 1.5
|
|
41
|
+
),
|
|
42
|
+
xxl: (
|
|
43
|
+
font-size: 1.5rem,
|
|
44
|
+
line-height: 1.5
|
|
45
|
+
)
|
|
46
|
+
);
|
|
47
|
+
|
|
48
|
+
@mixin generate-text-variants($map) {
|
|
49
|
+
@each $name, $props in $map {
|
|
50
|
+
.txt-#{$name} {
|
|
51
|
+
font-size: map.get($props, font-size);
|
|
52
|
+
line-height: map.get($props, line-height);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@include generate-text-variants($text-variants);
|