nk_jtb 0.9.0 → 0.9.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/index.html +0 -35
- package/package.json +5 -2
- package/src/_nk.scss +4 -0
- package/src/jtb_basic.scss +11 -0
- package/src/variables/_base.scss +7 -5
- package/vite.config.js +25 -24
package/index.html
CHANGED
|
@@ -11,26 +11,6 @@
|
|
|
11
11
|
</head>
|
|
12
12
|
|
|
13
13
|
<body>
|
|
14
|
-
|
|
15
|
-
<section>
|
|
16
|
-
<div class="container">
|
|
17
|
-
<div class="flex-col">
|
|
18
|
-
<div class="bx pink h-2"></div>
|
|
19
|
-
<div class="bx pink h-2"></div>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="bx">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit laboriosam aliquid commodi animi magni excepturi inventore qui nemo, sapiente quasi eum beatae ducimus iusto molestiae dolorum obcaecati in eaque vitae.</div>
|
|
22
|
-
</div>
|
|
23
|
-
</section>
|
|
24
|
-
|
|
25
|
-
<section>
|
|
26
|
-
<div class="container">
|
|
27
|
-
<div class="flex-col lg:flex-row">
|
|
28
|
-
<div class="bx pink h-24"></div>
|
|
29
|
-
<div class="bx pink h-24"></div>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
</section>
|
|
33
|
-
|
|
34
14
|
<div class="container py-5">
|
|
35
15
|
<div class="overflow-x-auto rounded-lg bdr">
|
|
36
16
|
<table>
|
|
@@ -186,23 +166,8 @@
|
|
|
186
166
|
</tbody>
|
|
187
167
|
</table>
|
|
188
168
|
</div>
|
|
189
|
-
|
|
190
|
-
</div>
|
|
191
|
-
<div class="flex gap-1 va-c">
|
|
192
|
-
<div class="bx tac wh-5 pink lh-1 rounded-xs">xs</div>
|
|
193
|
-
<div class="bx tac wh-5 pink lh-1 rounded-sm">sm</div>
|
|
194
|
-
<div class="bx tac wh-5 pink lh-1 rounded">base</div>
|
|
195
|
-
<div class="bx tac wh-5 pink lh-1 rounded-lg">lg</div>
|
|
196
|
-
<div class="bx tac wh-5 pink lh-1 rounded-xl">xl</div>
|
|
197
|
-
<div class="bx tac wh-5 pink lh-1 rounded-full">full</div>
|
|
198
169
|
</div>
|
|
199
170
|
|
|
200
|
-
<section class="container maxw-md mt-2 ">
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
</section>
|
|
204
|
-
|
|
205
|
-
|
|
206
171
|
<div>
|
|
207
172
|
<header id="nk-header" class="container py">
|
|
208
173
|
<div class="container flex space-between">
|
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.9.
|
|
4
|
+
"version": "0.9.2",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/naykel76/nk_jtb.git"
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
"private": false,
|
|
10
10
|
"type": "module",
|
|
11
11
|
"scripts": {
|
|
12
|
+
"utils": "sass --style compressed ./src/utilities.scss:dist/utilities.css",
|
|
12
13
|
"border": "sass --watch --no-source-map ./scss/utilities/_border.scss:dist/css/border.css",
|
|
13
14
|
"flex": "sass --watch --no-source-map ./scss/utilities/_flex.scss:dist/css/flex.css",
|
|
14
15
|
"grid": "sass --watch --no-source-map ./src/utilities/_grid.scss:dist/css/grid.css",
|
|
@@ -17,7 +18,9 @@
|
|
|
17
18
|
"spacing": "sass --watch --no-source-map ./scss/utilities/_spacing.scss:dist/css/spacing.css",
|
|
18
19
|
"theme": "sass --watch --no-source-map ./src/color/_themes.scss:dist/css/themes.css",
|
|
19
20
|
"dev": "vite --open",
|
|
20
|
-
"build": "
|
|
21
|
+
"build:jtb": "sass --style compressed --no-source-map ./src/jtb.scss:dist/jtb.min.css",
|
|
22
|
+
"build:jtb_basic": "sass --style compressed --no-source-map ./src/jtb_basic.scss:dist/jtb_basic.min.css",
|
|
23
|
+
"build": "vite build && npm run build:jtb && npm run build:jtb_basic",
|
|
21
24
|
"preview": "vite preview"
|
|
22
25
|
},
|
|
23
26
|
"devDependencies": {
|
package/src/_nk.scss
CHANGED
|
@@ -41,6 +41,10 @@ body {
|
|
|
41
41
|
// -- MARKDOWN --
|
|
42
42
|
// ==========================================================================
|
|
43
43
|
|
|
44
|
+
h2 code{
|
|
45
|
+
font-size: 0.9em;
|
|
46
|
+
}
|
|
47
|
+
|
|
44
48
|
%code {
|
|
45
49
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
46
50
|
color: #f0506e;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@use "./base";
|
|
2
|
+
|
|
3
|
+
@forward "./color/";
|
|
4
|
+
@forward "./color/themes";
|
|
5
|
+
|
|
6
|
+
@forward "./utilities/container";
|
|
7
|
+
@forward "./utilities/flexbox";
|
|
8
|
+
@forward "./utilities/margin";
|
|
9
|
+
@forward "./utilities/padding";
|
|
10
|
+
@forward "./utilities/sizing";
|
|
11
|
+
@forward "./utilities/space";
|
package/src/variables/_base.scss
CHANGED
|
@@ -79,10 +79,12 @@ $breakpoints-custom: () !default;
|
|
|
79
79
|
// merge together
|
|
80
80
|
$breakpoints: map-merge($breakpoints, $breakpoints-custom);
|
|
81
81
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
$
|
|
85
|
-
$
|
|
86
|
-
$
|
|
82
|
+
// breakpoints are use to specify the max-width of the container as well as
|
|
83
|
+
// the media query breakpoints.
|
|
84
|
+
$sm: map-get($breakpoints, sm) !default;
|
|
85
|
+
$md: map-get($breakpoints, md) !default;
|
|
86
|
+
$lg: map-get($breakpoints, lg) !default;
|
|
87
|
+
$xl: map-get($breakpoints, xl) !default;
|
|
88
|
+
$xxl: map-get($breakpoints, xxl) !default;
|
|
87
89
|
|
|
88
90
|
|
package/vite.config.js
CHANGED
|
@@ -4,28 +4,29 @@ import purgecss from '@fullhuman/postcss-purgecss';
|
|
|
4
4
|
|
|
5
5
|
export default defineConfig({
|
|
6
6
|
|
|
7
|
-
css: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
7
|
+
// css: {
|
|
8
|
+
// postcss: {
|
|
9
|
+
// plugins: [
|
|
10
|
+
// autoprefixer({}),
|
|
11
|
+
// purgecss({
|
|
12
|
+
// content: ['./**/*.html'],
|
|
13
|
+
// // content: ['./index.html'],
|
|
14
|
+
// // blocklist: ['usedClass', /^nav-/],
|
|
15
|
+
// // https://github.com/FullHuman/purgecss/issues/978
|
|
16
|
+
// // safelist: {
|
|
17
|
+
// // standard: [/^\:has$/, /^\:is$/, /^\:not$/, /^\:where$/]
|
|
18
|
+
// // },
|
|
19
|
+
// // extractors: [
|
|
20
|
+
// // {
|
|
21
|
+
// // extractor: (content) => {
|
|
22
|
+
// // // fix for escaped prefixes (sm:, lg:, etc)
|
|
23
|
+
// // return content.match(/[A-Za-z0-9-_:\/]+/g) || []
|
|
24
|
+
// // },
|
|
25
|
+
// // extensions: ['css', 'html', 'vue'],
|
|
26
|
+
// // },
|
|
27
|
+
// // ],
|
|
28
|
+
// }),
|
|
29
|
+
// ],
|
|
30
|
+
// }
|
|
31
|
+
// }
|
|
31
32
|
})
|