mlut documentation

6.1 #general_reference.common_kw Common keywords

Keywords that can be used both in utilities and in media features

Source: content/main.css, line 1666

6.1.1 #general_reference.common_kw.colors colors

tp	`transparent`
cc	`currentColor`

Source: content/generate.css, line 3098

6.1.2 #general_reference.common_kw.css css

ih	`inherit`
ini	`initial`
rvr	`revert`
rvrl	`revert-layer`
ust	`unset`

Source: content/generate.css, line 3084

6.1.3 #general_reference.common_kw.css-oft css-oft

ih	`inherit`
ini	`initial`
rvr	`revert`
rvrl	`revert-layer`
ust	`unset`
a	`auto`
n	`none`

Source: content/generate.css, line 3091

6.1.4 #general_reference.common_kw.global global

gSm	`520px`
gMd	`768px`
gLg	`992px`
gXl	`1200px`
gXxl	`1400px`

Source: content/generate.css, line 3112

6.1.5 #general_reference.common_kw.sizing sizing

fc	`fit-content`
mc	`max-content`
mnc	`min-content`

Source: content/generate.css, line 3105

6.2 #general_reference.groups Utilities groups (AOT)

In the description of each group are specified the included utilities. When specifying utilities, Generation Syntax can be used. After the utilities list, the values of the group that are contained in the CSS library may be writted. In this values also may be used the Generation Syntax.

Source: content/main.css, line 1642

6.2.1 #general_reference.groups.allgaps AllGaps

Gap, Clmg, Rwg

CSS library

"BpAll _AllGaps": ([1gg, 4], [1u, 8])

Source: content/generate.css, line 2672

6.2.2 #general_reference.groups.bdradius BdRadius

Bdrd, Bdtrr, Bdtlr, Bdbrr, Bdblr, -Bdtrd, -Bdbrd

Source: content/generate.css, line 2582

6.2.3 #general_reference.groups.bdsidescolor BdSidesColor

Bdtc, Bdrc, "BpAll ArSt Bdbc-btc", "BpAll ArSt Bdlc-btc", -Bdxc, -Bdyc

Source: content/generate.css, line 2573

6.2.4 #general_reference.groups.bdstyle BdStyle

Bds, Bdts, Bdrs, "BpAll ArSt Bdbs-btc", "BpAll ArSt Bdls-btc", -Bdxs, -Bdys

CSS library

"BdStyle": ("d", "h", "dh", "db", "s")

Source: content/generate.css, line 2564

6.2.5 #general_reference.groups.bdwidth BdWidth

Bdw, Bdtw, Bdrw, "BpAll ArSt Bdbw-btc", "BpAll ArSt Bdlw-btc", -Bdxw, -Bdyw

CSS library

"BpAll _BdWidth": (0, 2, 3)

Source: content/generate.css, line 2555

6.2.6 #general_reference.groups.borders Borders

Bd, Bdt, Bdr, "BpAll ArSt Bdb-btc", "BpAll ArSt Bdl-btc", -Bdx, -Bdy

CSS library

"BpAll _Borders": ""

Source: content/generate.css, line 2546

6.2.7 #general_reference.groups.colors Colors

C, Bgc, Bdc

Source: content/generate.css, line 2645

6.2.8 #general_reference.groups.colorsext ColorsExt

C, Bgc, Bdc, Olc, Txdc

Source: content/generate.css, line 2654

6.2.9 #general_reference.groups.margins Margins

M, Mt, Mr, "BpAll ArSt Mb-btc", "BpAll ArSt Ml-btc", -Mx, -My

CSS library

"BpAll _Margins": (0, 1, "a", [1u, 8])

Source: content/generate.css, line 2600

6.2.10 #general_reference.groups.marginsnor MarginsNoR

M, Mt, "BpAll ArSt Mb-btc", "BpAll ArSt Ml-btc", -Mx, -My

CSS library

"BpAll _MarginsNoR": ([-8u, -1], [-2gg, -1], [1gg, 4])

Source: content/generate.css, line 2609

6.2.11 #general_reference.groups.offsets Offsets

-I, -X, -Y, T, R, B, L

CSS library

"BpAll _Offsets": ("a", 0, -1, 1, -50p, 50p, -100p, 100p)

Source: content/generate.css, line 2636

6.2.12 #general_reference.groups.overflows Overflows

Ov, Ovx, Ovy

CSS library

"BpAll _Overflows": "KW"

Source: content/generate.css, line 2591

6.2.13 #general_reference.groups.overscrolls Overscrolls

Ovsb, Ovsbx, Ovsby

CSS library

"Overscrolls": ("c", "a", "n")

Source: content/generate.css, line 2690

6.2.14 #general_reference.groups.paddings Paddings

P, Pt, Pr, Pb, Pl, -Px, -Py

CSS library

"BpAll _Paddings": (0, 1, [1u, 8], [1gg, 6])

Source: content/generate.css, line 2618

6.2.15 #general_reference.groups.periods Periods

Tsd, Tsdl, And, Andl

Source: content/generate.css, line 2699

6.2.16 #general_reference.groups.sizes Sizes

W, H, Mxw, Mnh

Source: content/generate.css, line 2681

6.2.17 #general_reference.groups.spaces Spaces

M, Mt, Mr, "BpAll ArSt Mb-btc", "BpAll ArSt Ml-btc", -Mx, -My, P, Pt, Pr, Pb, Pl, -Px, -Py, -I, -X, -Y, T, R, B, L, W, H, Gap, Clmg, Rwg

Source: content/generate.css, line 2627

6.2.18 #general_reference.groups.translates Translates

-Tr, -Trx, -Try

CSS library

"BpAll _Translates": (-50p, 50p)

Source: content/generate.css, line 2663

6.3 #general_reference.media Media features

@media at-rule features.

Source: content/main.css, line 1650

6.3.1 #general_reference.media.ah ah

No options

property any-hover

Source: content/generate.css, line 2753

6.3.2 #general_reference.media.ap ap

properties any-pointer

keywords

c	`coarse`
f	`fine`

Source: content/generate.css, line 2762

6.3.3 #general_reference.media.apcr apcr

properties	`aspect-ratio`
conversion	num-length

Source: content/generate.css, line 2726

6.3.4 #general_reference.media.bls bls

properties	`block-size`
keywords	sizing

Source: content/generate.css, line 2735

6.3.5 #general_reference.media.c c

properties	`color`
conversion	num-length

Source: content/generate.css, line 2852

6.3.6 #general_reference.media.cg cg

properties color-gamut

keywords

p	`p3`
s	`"srgb"`
r	`rec2020`

Source: content/generate.css, line 2861

6.3.7 #general_reference.media.ci ci

properties	`color-index`
conversion	num-length

Source: content/generate.css, line 2870

6.3.8 #general_reference.media.dm dm

properties display-mode

keywords

default	`fullscreen`
f	`fullscreen`
s	`standalone`
mu	`minimal-ui`
b	`browser`

Source: content/generate.css, line 2789

6.3.9 #general_reference.media.fc fc

No options

property forced-colors

Source: content/generate.css, line 2798

6.3.10 #general_reference.media.g g

properties	`grid`
conversion	num-length

Source: content/generate.css, line 2843

6.3.11 #general_reference.media.h h

properties	`height`
keywords	sizing

Source: content/generate.css, line 2708

6.3.12 #general_reference.media.hv hv

No options

property hover

Source: content/generate.css, line 2771

6.3.13 #general_reference.media.ils ils

properties	`inline-size`
keywords	sizing

Source: content/generate.css, line 2744

6.3.14 #general_reference.media.m m

properties	`monochrome`
conversion	num-length

Source: content/generate.css, line 2834

6.3.15 #general_reference.media.o o

properties orientation

keywords

default	`landscape`
l	`landscape`
p	`portrait`

Source: content/generate.css, line 2807

6.3.16 #general_reference.media.p p

properties pointer

keywords

c	`coarse`
f	`fine`

Source: content/generate.css, line 2780

6.3.17 #general_reference.media.pfcs pfcs

properties prefers-color-scheme

keywords

default	`dark`
d	`dark`
l	`light`

Source: content/generate.css, line 2816

6.3.18 #general_reference.media.pfrm pfrm

No options

property prefers-reduced-motion

Source: content/generate.css, line 2825

6.3.19 #general_reference.media.r r

properties resolution

conversion resolution

keywords

i	`infinite`

Source: content/generate.css, line 2879

6.3.20 #general_reference.media.w w

properties	`width`
keywords	sizing

Source: content/generate.css, line 2717

6.4 #general_reference.utils_kw Utilities keywords

Reference of the keywords in the utils values.

Source: content/main.css, line 1658

6.4.1 #general_reference.utils_kw.bg-size bg-size

ct	`contain`
cv	`cover`

Source: content/generate.css, line 3070

6.4.2 #general_reference.utils_kw.blend-mode blend-mode

n	`normal`
m	`multiply`
s	`screen`
o	`overlay`
d	`darken`
l	`lighten`
cd	`color-dodge`
cb	`color-burn`
hrl	`hard-light`
sfl	`soft-light`
e	`exclusion`
h	`hue`
st	`saturation`
c	`color`
lm	`luminosity`
pl	`plus-lighter`
pd	`plus-darker`

Source: content/generate.css, line 2951

6.4.3 #general_reference.utils_kw.border border

default

1px solid

Source: content/generate.css, line 2888

6.4.4 #general_reference.utils_kw.box-alignment box-alignment

b	`baseline`
c	`center`
e	`end`
fs	`flex-start`
fe	`flex-end`
n	`normal`
st	`start`
str	`stretch`
sb	`space-between`
sa	`space-around`
se	`space-evenly`

Source: content/generate.css, line 2930

6.4.5 #general_reference.utils_kw.box-ext box-ext

bb	`border-box`
cb	`content-box`
pb	`padding-box`
fb	`fill-box`
sb	`stroke-box`
vb	`view-box`
t	`text`

Source: content/generate.css, line 2937

6.4.6 #general_reference.utils_kw.color-space color-space

dpp	`display-p3`
dppl	`display-p3-linear`
ppr	`prophoto-rgb`

Source: content/generate.css, line 3049

6.4.7 #general_reference.utils_kw.ct-visibility ct-visibility

default auto

Source: content/generate.css, line 3021

6.4.8 #general_reference.utils_kw.easing-function easing-function

e	`ease`
ei	`ease-in`
eo	`ease-out`
eio	`ease-in-out`
l	`linear`
se	`step-end`
ss	`step-start`

Source: content/generate.css, line 2986

6.4.9 #general_reference.utils_kw.font-size font-size

sl	`smaller`
lr	`larger`

Source: content/generate.css, line 3000

6.4.10 #general_reference.utils_kw.grid grid

af	`auto-flow`
d	`dense`

Source: content/generate.css, line 2972

6.4.11 #general_reference.utils_kw.grid-area grid-area

s span

Source: content/generate.css, line 2958

6.4.12 #general_reference.utils_kw.grid-auto-track grid-auto-track

t1	`minmax(0, 1fr)`

Source: content/generate.css, line 2979

6.4.13 #general_reference.utils_kw.grid-type grid-type

sg subgrid

Source: content/generate.css, line 2965

6.4.14 #general_reference.utils_kw.hue-interpolation hue-interpolation

sr	`shorter`
lr	`longer`
ic	`increasing`
dc	`decreasing`

Source: content/generate.css, line 3056

6.4.15 #general_reference.utils_kw.infinite infinite

i	`infinite`

Source: content/generate.css, line 2993

6.4.16 #general_reference.utils_kw.line-style line-style

default	`none`
d	`dotted`
dh	`dashed`
db	`double`
g	`groove`
h	`hidden`
i	`inset`
o	`outset`
r	`ridge`
s	`solid`
w	`wavy`

Source: content/generate.css, line 2902

6.4.17 #general_reference.utils_kw.line-width line-width

m	`medium`
t	`thick`
th	`thin`

Source: content/generate.css, line 2916

6.4.18 #general_reference.utils_kw.mask-clip mask-clip

nc no-clip

Source: content/generate.css, line 2944

6.4.19 #general_reference.utils_kw.overflow overflow

default	`hidden`
a	`auto`
h	`hidden`
s	`scroll`
v	`visible`

Source: content/generate.css, line 2923

6.4.20 #general_reference.utils_kw.overscroll overscroll

c contain

Source: content/generate.css, line 3007

6.4.21 #general_reference.utils_kw.position position

t	`top`
r	`right`
b	`bottom`
l	`left`
c	`center`

Source: content/generate.css, line 2895

6.4.22 #general_reference.utils_kw.radial-shape radial-shape

cr	`circle`
el	`ellipse`

Source: content/generate.css, line 3035

6.4.23 #general_reference.utils_kw.ray-size ray-size

css	`closest-side`
csc	`closest-corner`
fts	`farthest-side`
ftc	`farthest-corner`
sd	`sides`

Source: content/generate.css, line 3042

6.4.24 #general_reference.utils_kw.repeat-style repeat-style

default	`no-repeat`
nr	`no-repeat`
rx	`repeat-x`
ry	`repeat-y`
r	`repeat`
s	`space`
rn	`round`

Source: content/generate.css, line 3063

6.4.25 #general_reference.utils_kw.sizing sizing

fc	`fit-content`
mc	`max-content`
mnc	`min-content`

Source: content/generate.css, line 3077

6.4.26 #general_reference.utils_kw.text-decoration text-decoration

ff	`from-font`
lt	`line-through`
o	`overline`
u	`underline`

Source: content/generate.css, line 2909

6.4.27 #general_reference.utils_kw.transition-props transition-props

default	`background-color` `border-color` `color` `fill` `stroke` `backdrop-filter` `box-shadow` `filter` `opacity` `transform`
mClr	`background-color` `border-color` `color` `fill` `outline-color` `stroke`

Source: content/generate.css, line 3028

6.4.28 #general_reference.utils_kw.visibility visibility

default	`hidden`
c	`collapse`
h	`hidden`
v	`visible`

Source: content/generate.css, line 3014