@mlut/core 1.0.0

package/dist/sass/tools/settings/high/_forward-tools.scss

@@ -0,0 +1,2 @@
+@forward '../base';
+@forward '../common';

package/dist/sass/tools/settings/high/_grid.scss

@@ -0,0 +1,55 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'forward-tools' as ml;
+
+// Grid system
+//
+// Settings that affect the work of grid system both modern and legacy.
+//
+// - **modern** grid is based on [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) and is built using common grid utilities, such as [Gtc](section-utils-reference.html#kssref-utils-reference-gtc), [Gap](section-utils-reference.html#kssref-utils-reference-gap) etc
+// - **legacy** grid system is based on flexbox and works with [helpers](section-css_lib.html#kssref-css_lib-helpers-row) and custom utilities, such as [-Gscc](section-utils-reference.html#kssref-utils-reference--gscc), [-Gsf](section-utils-reference.html#kssref-utils-reference--gsf) etc.
+//
+// $legacy-grid-system = false - enable legacy grid system and generate some CSS for it
+// $gs-default-gtr = 4u - default gutter on large width screen. Used as fallback for `--ml-gg`.
+// $gs-columns = 12 - columns count.
+// $gs-gutters - map with grid gutters on breakpoints.
+//
+// Styleguide: settings.gs
+
+// Gutters
+//
+// The gutters are stored in `$gs-gutters` map. The keys in it are the names of the breakpoints, and the values are gutter. It is automatically filled out based on breakpoints. If you want to supplement or change gutters, use `$gs-gutters-ext`. If you want to completely overwrite the initial values, specify them in `$gs-gutters` in the config. Pay attention that this behavior is different from all other settings like a [breakpoints](section-settings.html#kssref-settings-at_rules-breakpoints)
+//
+// Gutters value on breakpoints:
+//
+// Breakpoint | Gutter
+// :---:  | :---:
+// <sm | 3u
+// sm | 3u
+// md | 3u
+// lg | 4u
+// xl | 4u
+// xxl | 4u
+//
+// Styleguide: settings.gs.gtr
+
+$legacy-grid-system: false !default;
+$gs-columns: 12 !default;
+$gs-default-gtr: (ml.$su * 4) !default;
+$gs-gutters: () !default;
+$gs-gutters-ext: () !default;
+$gtr-first: (ml.$su * 3);
+
+$gs-debug-col-color: #d15 !default;
+$gs-debug-gtr-color: #336 !default;
+
+@if $gs-gutters == () {
+	@each $bp, $gtr in list.zip(
+		ml.$bp-keys, ($gtr-first, $gtr-first, $gs-default-gtr, $gs-default-gtr)
+	) {
+		$gs-gutters: map.set($gs-gutters, $bp, $gtr);
+	}
+}
+
+$gs-gutters: map.merge($gs-gutters, $gs-gutters-ext);
+$gtr-first: list.nth(list.nth($gs-gutters, 1), 2);

package/dist/sass/tools/settings/high/_index.scss

@@ -0,0 +1,2 @@
+@forward 'grid';
+@forward 'utils';

package/dist/sass/tools/settings/high/_utils.scss

@@ -0,0 +1,104 @@
+@use 'sass:map';
+@use 'forward-tools' as ml;
+
+$utils-groups: () !default;
+$utils-groups-ext: () !default;
+
+$utils-groups-db: (
+	'Borders': (
+		'members': (
+			Bd, Bdt, Bdr, '#{ml.$cArStBp}Bdb_-btc', '#{ml.$cArStBp}Bdl_-btc', -Bdx, -Bdy,
+		),
+	),
+	'BdWidth': (
+		'members': (
+			Bdw, Bdtw, Bdrw, '#{ml.$cArStBp}Bdbw_-btc', '#{ml.$cArStBp}Bdlw_-btc', -Bdxw, -Bdyw,
+		),
+	),
+	'BdStyle': (
+		'members': (
+			Bds, Bdts, Bdrs, '#{ml.$cArStBp}Bdbs_-btc', '#{ml.$cArStBp}Bdls_-btc', -Bdxs, -Bdys,
+		),
+	),
+	'BdSidesColor': (
+		'members': (
+			Bdtc, Bdrc, '#{ml.$cArStBp}Bdbc_-btc', '#{ml.$cArStBp}Bdlc_-btc', -Bdxc, -Bdyc,
+		),
+	),
+	'BdRadius': (
+		'members': (
+			Bdrd, Bdtrr, Bdtlr, Bdbrr, Bdblr, -Bdtrd, -Bdbrd,
+		),
+	),
+	'Overflows': (
+		'members': (
+			Ov, Ovx, Ovy,
+		),
+	),
+	'Margins': (
+		'members': (
+			M, Mt, Mr, '#{ml.$cArStBp}Mb_-btc', '#{ml.$cArStBp}Ml_-btc', -Mx, -My,
+		),
+	),
+	'MarginsNoR': (
+		'members': (
+			M, Mt, '#{ml.$cArStBp}Mb_-btc', '#{ml.$cArStBp}Ml_-btc', -Mx, -My,
+		),
+	),
+	'Paddings': (
+		'members': (
+			P, Pt, Pr, Pb, Pl, -Px, -Py,
+		),
+	),
+	'Spaces': (
+		'members': (
+			M, Mt, Mr, '#{ml.$cArStBp}Mb_-btc', '#{ml.$cArStBp}Ml_-btc', -Mx, -My,
+			P, Pt, Pr, Pb, Pl, -Px, -Py,
+			-I, -X, -Y, T, R, B, L,
+			W, H, Gap, Clmg, Rwg
+		),
+	),
+	'Offsets': (
+		'members': (
+			-I, -X, -Y, T, R, B, L,
+		),
+	),
+	'Colors': (
+		'members': (
+			C, Bgc, Bdc,
+		),
+	),
+	'ColorsExt': (
+		'members': (
+			C, Bgc, Bdc, Olc, Txdc
+		),
+	),
+	'Translates': (
+		'members': (
+			-Tr, -Trx, -Try,
+		),
+	),
+	'AllGaps': (
+		'members': (
+			Gap, Clmg, Rwg,
+		),
+	),
+	'Sizes': (
+		'members': (
+			W, H, Mxw, Mnh,
+		),
+	),
+	'Overscrolls': (
+		'members': (
+			Ovsb, Ovsbx, Ovsby
+		),
+	),
+	'Periods': (
+		'members': (
+			Tsd, Tsdl, And, Andl,
+		),
+	),
+) !default;
+
+$utils-groups-db: map.deep-merge($utils-groups-db, $utils-groups);
+$utils-groups-db: map.deep-merge($utils-groups-db, $utils-groups-ext);

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './logger.js';

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from './logger.js';

package/dist/utils/logger.d.ts

@@ -0,0 +1,7 @@
+export declare class Logger {
+    private readonly sign;
+    info(message: unknown, ...args: unknown[]): void;
+    warn(message: unknown, ...args: unknown[]): void;
+    error(message: unknown, ...args: unknown[]): void;
+}
+export declare const logger: Logger;

package/dist/utils/logger.js

@@ -0,0 +1,13 @@
+export class Logger {
+    sign = '[mlut]';
+    info(message, ...args) {
+        console.log(this.sign, message, ...args);
+    }
+    warn(message, ...args) {
+        console.warn(this.sign, message, ...args);
+    }
+    error(message, ...args) {
+        console.error(this.sign, message, ...args);
+    }
+}
+export const logger = new Logger();

package/package.json

@@ -0,0 +1,48 @@
+{
+	"name": "@mlut/core",
+	"version": "1.0.0",
+	"description": "Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity",
+	"author": "mr150",
+	"type": "module",
+	"license": "MIT",
+	"homepage": "https://mr150.github.io/mlut/",
+	"types": "dist/index.d.ts",
+	"keywords": [
+		"mlut",
+		"sass",
+		"scss",
+		"css",
+		"atomic css",
+		"functional css",
+		"utility-first",
+		"framework",
+		"toolkit"
+	],
+	"repository": {
+		"type": "git",
+		"directory": "packages/core",
+		"url": "https://github.com/mr150/mlut.git"
+	},
+	"bugs": {
+		"url": "https://github.com/mr150/mlut/issues"
+	},
+	"exports": {
+    ".": {
+      "default": "./dist/index.js"
+    }
+  },
+	"scripts": {
+		"build": "rm -rf dist && tsc && cp src/sass dist/ -r"
+	},
+	"files": [
+		"_index.scss",
+		"_tools.scss",
+		"dist"
+	],
+	"devDependencies": {
+		"@types/node": "^20.10.5",
+		"sass-embedded": "^1.71.0",
+		"sass": "^1.71.0",
+		"typescript": "^5.3.3"
+	}
+}