@mlut/core 1.0.0

package/dist/sass/css/styles/generic.scss

@@ -0,0 +1,296 @@
+@use 'sass:map';
+
+@use '../../tools/settings' as ml;
+
+/*
+Generic
+
+Generic CSS that contains `box-sizing`, reset, browser bugs fixes etc. You can configure it with settings.
+
+Styleguide: css_lib.styles.generic
+*/
+
+//stylelint-disable
+
+/*! purgecss start ignore */
+@if map.get(ml.$general-cfg, 'generic-css') {
+	// Prevent adjustments of font size after orientation changes in iOS
+	html {
+		-webkit-text-size-adjust: 100%;
+	}
+
+	// Box-sizing should be border-box by default. (c) CSSWG
+	@if ml.$base-border-box {
+		html {
+			box-sizing: border-box;
+		}
+
+		*,
+		*::before,
+		*::after {
+			box-sizing: inherit;
+		}
+	}
+
+	// Add the ability to set border only with `Bd*w` utils
+	@if map.get(ml.$general-cfg, 'generic-css', 'reset-border') {
+		*,
+		*::before,
+		*::after {
+			border: 0 solid;
+		}
+	}
+
+	body {
+		margin: 0px;
+	}
+
+	// Render 'main' tag consistently in IE.
+	main {
+		display: block;
+	}
+
+	/*
+	1. Add the correct height in Firefox.
+	2. Show the overflow in IE
+	3. Correct the inheritance of border color in Firefox
+	*/
+	hr {
+		height: 0; // 1
+		overflow: visible; // 2
+		color: inherit; // 3
+	}
+
+	// Add the correct font weight in Edge and Safari.
+	b,
+	strong {
+		font-weight: bolder;
+	}
+
+	// Correct the inheritance and scaling of font size in all browsers
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family: monospace, monospace;
+	}
+
+	// Add the correct text decoration in IE and Safari
+	abbr[title] {
+		text-decoration: underline dotted;
+	}
+
+	// Prevent 'sub' and 'sup' elements from affecting the line height in all browsers
+	@if map.get(ml.$general-cfg, 'generic-css', 'sup-sub-no-v-align') {
+		sub,
+		sup {
+			line-height: 0;
+			position: relative;
+			vertical-align: baseline;
+			top: -.4em;
+		}
+
+		sub {
+			top: .3em;
+		}
+	}
+
+	/**
+	1. Remove text indentation from table contents in Chrome and Safari
+	2. Correct table border color inheritance in all Chrome and Safari
+	*/
+	table {
+		text-indent: 0; // 1
+		border-color: inherit; // 2
+	}
+
+	@if map.get(ml.$general-cfg, 'generic-css', 'embeds-v-align') {
+		img, svg, video, canvas, audio, iframe, embed, object {
+			vertical-align: bottom;
+
+			@if map.get(ml.$general-cfg, 'generic-css', 'embeds-block') {
+				display: block;
+			}
+		}
+	}
+
+	source {
+		display: none;
+	}
+
+	@if map.get(ml.$general-cfg, 'generic-css', 'embeds-aspect-ratio') {
+		img,
+		svg,
+		canvas,
+		video {
+			max-width: 100%;
+			height: auto;
+		}
+	}
+
+	@if map.get(ml.$general-cfg, 'generic-css', 'svg-fill-cur-color') {
+		svg:not([fill]) {
+			fill: currentColor;
+		}
+	}
+
+	// Add the correct display in IE
+	[hidden],
+	template {
+		display: none;
+	}
+
+	// Correct the text wrapping in IE.
+	legend {
+		display: table;
+		max-width: 100%;
+		white-space: normal;
+
+		@if not ml.$base-border-box {
+			box-sizing: border-box;
+		}
+	}
+
+	// Add the correct display in Chrome and Safari.
+	summary {
+		display: list-item;
+	}
+
+	// Add the correct vertical alignment in Chrome and Firefox
+	progress {
+		vertical-align: baseline;
+	}
+
+	/**
+	1. Change the font styles in all browsers.
+	2. Remove the margin in Firefox and Safari.
+	*/
+	@if map.get(ml.$general-cfg, 'generic-css', 'forms-normalize') {
+		button,
+		input,
+		optgroup,
+		select,
+		textarea {
+			font-family: inherit; // 1
+			font-size: 100%; // 1
+			margin: 0; // 2
+
+			@if map.get(ml.$general-cfg, 'generic-css', 'reset') {
+				color: inherit;
+				line-height: inherit;
+			}
+		}
+	}
+
+	// Remove the inheritance of text transform in IE.
+	button {
+		text-transform: none;
+	}
+
+	// Correct the inability to style clickable types in iOS and Safari.
+	button,
+	[type='button'],
+	[type='reset'],
+	[type='submit'] {
+		-webkit-appearance: button;
+	}
+
+	/*
+	1. Correct the odd appearance in Chrome and Safari.
+	2. Correct the outline style in Safari.
+	*/
+	[type='search'] {
+		-webkit-appearance: textfield; // 1
+		outline-offset: -2px; // 2
+	}
+
+	// Remove the default vertical scrollbar in IE
+	textarea {
+		overflow: auto;
+	}
+
+	// Remove the inner border and padding in Firefox.
+	::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	// Remove the additional ':invalid' styles in Firefox
+	// TODO: remove it when a percent of the FF 78 ESR users will be below 0.1%
+	// because it was fixed in FF 86
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+
+	// Correct the cursor style of increment and decrement buttons in Safari.
+	::-webkit-inner-spin-button,
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+
+	// Remove the inner padding in Chrome and Safari on macOS.
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	/**
+	1. Correct the inability to style clickable types in iOS and Safari.
+	2. Change font properties to 'inherit' in Safari.
+	*/
+	::-webkit-file-upload-button {
+		-webkit-appearance: button; // 1
+		font: inherit; // 2
+	}
+
+	@if map.get(ml.$general-cfg, 'generic-css', 'default-reduce-motion') {
+		@media (prefers-reduced-motion: reduce) {
+			*,
+			::before,
+			::after {
+				animation-delay: -1ms !important;
+				animation-duration: 1ms !important;
+				animation-iteration-count: 1 !important;
+				background-attachment: initial !important;
+				scroll-behavior: auto !important;
+				transition-delay: 0s !important;
+				transition-duration: 0s !important;
+			}
+		}
+	}
+
+	@if map.get(ml.$general-cfg, 'generic-css', 'reset') {
+		p, blockquote, iframe,
+		pre, figure, fieldset, hr,
+		button, input, optgroup,
+		select, legend, textarea,
+		ul, ol, li, dl, dt, dd, td, th
+		{
+			margin: 0;
+			padding: 0;
+		}
+
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			font-size: inherit;
+			font-weight: inherit;
+			margin: 0;
+		}
+
+		ul, ol {
+			list-style: none;
+		}
+
+		table {
+			border-collapse: collapse;
+		}
+
+		address {
+			font-style: inherit;
+		}
+	}
+}
+/*! purgecss end ignore */

package/dist/sass/css/styles/variables.scss

@@ -0,0 +1,32 @@
+@use '../../tools' as ml;
+
+/*
+CSS variables
+
+Global CSS custom properties which used in mlut.
+
+--ml-gg = 0.75rem - [grid gutter](section-concepts.html#kssref-concepts-custom_unit-gg).
+--ml-gscc = 12 - number of columns in the grid system. Sets by [$gs-columns](section-settings.html#kssref-settings-gs). Available only with `$legacy-grid-system` flag enabled
+
+Styleguide: css_lib.styles.css_vars
+*/
+
+:root {
+	$prev-value: ml.$gtr-first;
+
+	#{ml.$var-gg}: ml.$gtr-first;
+
+	@if ml.$legacy-grid-system {
+		#{ml.$var-gscc}: ml.$gs-columns;
+	}
+
+	@each $key, $value in ml.$gs-gutters {
+		@if $value != $prev-value {
+			@include ml.bp($key) {
+				#{ml.$var-gg}: $value;
+			}
+		}
+
+		$prev-value: $value;
+	}
+}

package/dist/sass/css/utils/_bg-bd.scss

@@ -0,0 +1,27 @@
+@use 'sass:map';
+@use '../../tools' as ml;
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		// background
+		ml.$cBpAllCp + 'Bg': 'n',
+		ml.$cBpAllCp + 'Bgc': 'tp',
+		'Bgr': ml.$kUvKA,
+		ml.$cBpAllCp + 'Bgs': (100p, ml.$kUvKA),
+		'Bga': ml.$kUvKA,
+		'Bgcl': ml.$kUvKA,
+		'Bgo': ('bb', 'cb', 'pb'),
+		ml.$cBpAllCp + 'Bgi': 'n',
+		'Bgp': (ml.$kUvKA, 'r;t', 'r;b', 'l;b', 'l;t'),
+		// border
+		'Bd': '0;s',
+		ml.$cBpAllCp + 'Borders': '',
+		ml.$cBpAllCp + 'BdWidth': (0, 2, 3),
+		'BdStyle': ('d', 'h', 'dh', 'db', 's'),
+		ml.$cBpAllCp + 'Bdc': 'tp',
+		'Bdcl': ml.$kUvKA,
+		'Bdrd': (0, 50p),
+	)
+);

package/dist/sass/css/utils/_grid.scss

@@ -0,0 +1,37 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../../tools/settings' as ml;
+
+$-templates: ('n');
+$-spans: ('a', '1/-1', 's1');
+$-col-lines: ('a', -1, 1);
+$-row-lines: $-col-lines;
+$-auto-tracks: ('mc', 'mnc', 'a', 't1', 1fr);
+
+@for $i from 2 through ml.$gs-columns {
+	$-templates: list.append($-templates, 't' + $i);
+	$-spans: list.append($-spans, 's' + $i);
+	$-col-lines: list.append($-col-lines, $i);
+}
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		// columns
+		ml.$cBpAllCp + 'Gtc': ($-templates),
+		ml.$cBpAllCp + 'Gc': ($-spans),
+		ml.$cBpAllCp + 'Gcs': ($-col-lines),
+		ml.$cBpAllCp + 'Gce': ($-col-lines),
+		ml.$cBpAllCp + 'Gatc': ($-auto-tracks),
+		// rows
+		ml.$cBpAllCp + 'Gtr': ('n'),
+		ml.$cBpAllCp + 'Gr': ('a', '1/-1'),
+		ml.$cBpAllCp + 'Grs': ($-row-lines),
+		ml.$cBpAllCp + 'Gre': ($-row-lines),
+		ml.$cBpAllCp + 'Gatr': ($-auto-tracks),
+		// other
+		ml.$cBpAllCp + 'Gatf': ('r', 'c', 'd', 'r;d', 'c;d'),
+		ml.$cBpAllCp + 'AllGaps': ([1gg, 4], [1u, 8]),
+	)
+);

package/dist/sass/css/utils/_index.scss

@@ -0,0 +1,2 @@
+@forward 'load';
+@forward 'init';

package/dist/sass/css/utils/_load.scss

@@ -0,0 +1,9 @@
+@use 'grid-system';
+@use 'other';
+@use 'transition';
+@use 'box-alignment';
+@use 'grid';
+@use 'box-model';
+@use 'text';
+@use 'bg-bd';
+@use 'visual';

package/dist/sass/css/utils/_transition.scss

@@ -0,0 +1,16 @@
+@use 'sass:map';
+@use '../../tools/settings' as ml;
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		ml.$cBpAllCp + 'Ts': ('n'),
+		'-Ts': (ml.$kUvKA),
+		'Tsp': ('o', 'tf', 'bxsd'),
+		ml.$cBpAllCp + 'Tsd': (ml.$cArOlBp + ml.$css-transition-time, 1s, 0s),
+		'Tsdl': (ml.$css-transition-time, 1s),
+		'Tstf': (ml.$kUvKA),
+		ml.$cArOlBp + 'An': ('n'),
+	)
+);

package/dist/sass/css/utils/box-alignment.scss

@@ -0,0 +1,29 @@
+@use 'sass:map';
+@use '../../tools/settings' as ml;
+
+$-justify-list: ('st', 'e', 'c', 'str', 'a');
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		ml.$cBpAllCp + 'Fld': (ml.$kUvKA),
+		ml.$cBpAllCp + 'Flg': (1),
+		ml.$cBpAllCp + 'Fls': (0),
+		ml.$cBpAllCp + 'Flw': (ml.$kUvKA),
+		ml.$cBpAllCp + 'Ac': ('fs', 'fe', 'c', 'sa', 'sb', 'se'),
+		ml.$cBpAllCp + 'Ai': ('fs', 'fe', 'c', 'b', 'str'),
+		ml.$cBpAllCp + 'As': (
+			'fs', 'fe', 'c', 'b', 'a', 'str'
+		),
+		ml.$cBpAllCp + 'Jc': (
+			'fs', 'fe', 'c', 'sa', 'sb', 'se'
+		),
+		ml.$cBpAllCp + 'Ji': ($-justify-list),
+		ml.$cBpAllCp + 'Js': ($-justify-list),
+		ml.$cBpAllCp + 'Plcc': ('fs', 'fe', 'st', 'e', 'c', 'sa', 'sb', 'se', 'str'),
+		ml.$cBpAllCp + 'Plci': ($-justify-list),
+		ml.$cBpAllCp + 'Plcs': ($-justify-list),
+		ml.$cBpAllCp + 'Od': ([-1, 5],),
+	)
+);

package/dist/sass/css/utils/box-model.scss

@@ -0,0 +1,48 @@
+@use 'sass:list';
+@use 'sass:map';
+@use '../../tools' as ml;
+
+$-W-list: ('a', ml.$kUvKA, [20p, 100, 20]);
+
+@if not ml.$legacy-grid-system {
+	$-W-list: list.join(
+		$-W-list,
+		(25p, 50p, 75p, '1/12', '1/6', '1/3', '2/3', '5/12', '7/12', '5/6', '11/12',),
+	);
+}
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		// display
+		'D': (ml.$kUvKA, 'n'),
+		ml.$cArOlBp + 'D': (
+			'', 'b', 'i', 'ib', 'f', 'if', 'g', 'ig', 'n', 't', 'it', 'c', 'flr', 'tc', 'tr',
+		),
+		ml.$cBpAllCp + '-D': (
+			'mf', 'mif', 'vh', '#{ml.$kBpAll} #{ml.$kArSt} _v_ f fw'
+		),
+		// sizes
+		ml.$cBpAllCp + 'Mnw': (100p, ml.$kUvKA),
+		ml.$cBpAllCp + 'Mxw': list.join((100p, ml.$kUvKA, 'n'), ml.$global-kw-bp),
+		ml.$cBpAllCp + 'W': $-W-list,
+		ml.$cBpAllCp + 'H': (100p, 100vh, 0, ml.$cArOlBp + 'a'),
+		ml.$cBpAllCp + 'Mnh': (100p, 100vh, 0),
+		ml.$cBpAllCp + 'Mxh': (100p, 100vh, 'n'),
+		// other
+		'Bxs': (ml.$kUvKA),
+		ml.$cBpAllCp + 'F': (ml.$kUvKA, 'n'),
+		ml.$cBpAllCp + 'Cl': (ml.$kUvKA, 'n'),
+		'-Cl': '',
+		ml.$cBpAllCp + 'Tbl': ('f', 'n'),
+		ml.$cBpAllCp + 'Overflows': (ml.$kUvKA),
+		// spacing
+		ml.$cBpAllCp + '-Gg': ([1u, 8],),
+		ml.$cBpAllCp + 'Margins': (0, 1, 'a', [1u, 8]),
+		ml.$cBpAllCp + 'MarginsNoR': ([-8u, -1], [-2gg, -1], [1gg, 4]),
+		ml.$cBpAllCp + 'Paddings': (0, 1, [1u, 8], [1gg, 6]),
+		// for ratio-box
+		'Pt_b StOl': (100p, 75p),
+	)
+);

package/dist/sass/css/utils/grid-system.scss

@@ -0,0 +1,17 @@
+@use 'sass:map';
+@use '../../tools/settings' as ml;
+
+$enabled: false !default;
+
+@if ml.$legacy-grid-system or $enabled {
+	ml.$utils-map: map.merge(
+		ml.$utils-map,
+		ml.$kSsUMCS,
+		(
+			ml.$cBpAllCp + '-Gsfd': (1gg, 0),
+			ml.$cBpAllCp + '-Gsf': (''),
+			ml.$kBpAll + '  _W': ([1gc, 12],),
+			ml.$cBpAllCp + 'Ml': ([1gc, 10],),
+		)
+	);
+}

package/dist/sass/css/utils/init.scss

@@ -0,0 +1,107 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:meta';
+@use 'sass:string';
+
+@use '../../tools/functions/base' as bf;
+@use '../../tools/' as ml;
+
+$utils: () !default;
+$filter-mod: null;
+$-all-utils-map: ();
+
+@function -list2map($list) {
+	$map: ();
+
+	@each $item in $list {
+		$map: map.set($map, $item, null);
+	}
+
+	@return $map;
+}
+
+@each $section, $map in ml.$utils-map {
+	@each $util in map.keys($map) {
+		@if map.has-key($-all-utils-map, $util) {
+			$exist-values: map.get($-all-utils-map, $util);
+			$new-values: map.get($map, $util);
+			$exist-val-type: meta.type-of($exist-values);
+			$new-val-type: meta.type-of($new-values);
+
+			@if $exist-val-type != 'map' and $new-val-type != 'map' {
+				$map: map.set($map, $util, list.join($exist-values, $new-values));
+			} @else if $exist-val-type == 'map' and $new-val-type == 'map' {
+				// Here should be a @break, but it is not yet implemented in Sass
+			} @else if $exist-val-type == 'map' and $new-val-type != 'map' {
+				$map: map.set($map, $util, map.merge($exist-values, -list2map($new-values)));
+			} @else {
+				$map: map.set($map, $util, map.merge(-list2map($exist-values), $new-values));
+			}
+		}
+	}
+
+	$-all-utils-map: map.deep-merge($-all-utils-map, $map);
+}
+
+ml.$utils-map: $-all-utils-map;
+
+$-utils-list: map.keys(ml.$utils-map);
+$-all-groups: map.keys(ml.$utils-groups-db);
+$-override-map: map.get($utils, ml.$kCfOv);
+$-filter-keys: ();
+
+@if map.has-key($utils, ml.$kCfAl) {
+	$filter-mod: ml.$kCfAl;
+} @else if map.has-key($utils, ml.$kCfBan) {
+	$filter-mod: ml.$kCfBan;
+}
+
+@if $filter-mod {
+	$utils-filtered: ();
+
+	// not used `ls-find`, because the utils can be repeated in the map
+	// and we need to go through almost all elements
+	// TODO: optimize the search to remove extra check
+	@each $util in map.get($utils, $filter-mod) {
+		@each $item in $-utils-list {
+			@if (
+				string.index($item, $util) and (
+					$item == $util or
+					list.index(bf.str-split($item, ml.$tUCm), $util)
+				)
+			) {
+				$-filter-keys: list.append($-filter-keys, $item);
+			}
+		}
+	}
+
+	@if $filter-mod ==  ml.$kCfAl {
+		@each $item in $-filter-keys {
+			$utils-filtered: map.set(
+				$utils-filtered, $item, map.get(ml.$utils-map, $item)
+			);
+		}
+
+		ml.$utils-map: $utils-filtered;
+	} @else {
+		ml.$utils-map: map.remove(ml.$utils-map, $-filter-keys...);
+	}
+}
+
+@if $-override-map != null {
+	ml.$utils-map: map.merge(ml.$utils-map, $-override-map);
+} @else if map.has-key($utils, ml.$kCfOv) {
+	ml.$utils-map: ();
+}
+
+@each $util, $values in list.join(
+	ml.$utils-map, map.remove($utils, ml.$kCfOv, ml.$kCfAl, ml.$kCfBan)
+) {
+	@if bf.ls-find(
+		$-all-groups, meta.get-function('str-contains-item', false, bf), $util
+	) {
+		@include ml.mk-utils-group($util, $values);
+	} @else {
+		@include ml.mk-util($util, $values);
+	}
+}

package/dist/sass/css/utils/other.scss

@@ -0,0 +1,35 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../../tools/settings' as ml;
+
+$-Ct-list: ('', 'n', 'mAtt');
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		// position
+		ml.$cBpAllCp + 'Ps': (ml.$kUvKA),
+		ml.$cBpAllCp + 'Offsets': ('a', 0, -1, 1, -50p, 50p, -100p, 100p),
+		'#{ml.$kBpAll} #{ml.$kArSt}_Zi_f fw': ('a', [-1, 5]),
+		// interactive
+		'Overscrolls': ('c', 'a', 'n'),
+		'Ap': (''),
+		ml.$cBpAllCp + 'Scb': ('s'),
+		ml.$cBpAllCp + 'Pne': ('', 'n', 'a'),
+		'Rs': (ml.$kUvKA),
+		'Us': (ml.$kUvKA),
+		ml.$cBpAllCp + 'Ctv': ('v', 'h', 'a'),
+		'Tca': (ml.$kUvKA, 'n'),
+		// SVG
+		'Stlc': (ml.$kUvKA),
+		'Stlj': (ml.$kUvKA),
+		// misc
+		'Ec': (ml.$kUvKA),
+		'Cps': ('t', 'b'),
+		'Wlc': ('sps', 'ctn', 'tf'),
+		'Ct_b af ' + ml.$kStOl: $-Ct-list,
+		'#{ml.$kBpAll} #{ml.$kArSO}_Ct_b af': $-Ct-list,
+		'-All': ('sr'),
+	)
+);

package/dist/sass/css/utils/text.scss

@@ -0,0 +1,33 @@
+@use 'sass:map';
+@use '../../tools/settings' as ml;
+
+ml.$utils-map: map.merge(
+	ml.$utils-map,
+	ml.$kSsUMCS,
+	(
+		'Fn': ('ih'),
+		'Fnf': ml.$kUvKA,
+		'Fnw': ([100, 900, 100], 'b', 'n'),
+		ml.$cArOlBp + 'Fnw': (400, 700),
+		'Fnst': ml.$kUvKA,
+		'Fns': ('ih'),
+		ml.$cBpAllCp + 'Txa': ('', 'l', 'r', 'j'),
+		'^:h_Txd_h f fw': ('', 'n', 'u', 'lt', 'o'),
+		'Txdst': ('n', 'd', 'dh', 'db', 'w'),
+		ml.$cBpAllCp + 'Txt': ml.$kUvKA,
+		'-Txo': (''),
+		ml.$cBpAllCp + 'Txo': ml.$kUvKA,
+		ml.$cBpAllCp + 'Txs': ('n'),
+		ml.$cBpAllCp + 'Va': ml.$kUvKA,
+		'C': ('ih', 'tp', 'cc'),
+		'Hp': ('n', 'a', 'm'),
+		'Lss': ('n'),
+		'Lsst': ml.$kUvKA,
+		'Lssp': ml.$kUvKA,
+		ml.$cBpAllCp + 'Lnh': ('n', '1'),
+		'Tas': (2, 4),
+		'Whs': ml.$kUvKA,
+		'Wrb': ml.$kUvKA,
+		'Ovw': ml.$kUvKA,
+	)
+);