mlut documentation

6 #general_reference General reference

Reference of the utils groups, at-rule etc. Much of this reference has been made according to the same rules as in utilites reference. Recommends to check it out before.

Source: content/main.css, line 1631

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 1665

6.1.1 #general_reference.common_kw.colors colors

tp transparent
cc currentColor
Source: content/generate.css, line 2869

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 2855

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 2862

6.1.4 #general_reference.common_kw.global global

gSm 520px
gMd 768px
gLg 992px
gXl 1200px
gXxl 1400px
Source: content/generate.css, line 2883

6.1.5 #general_reference.common_kw.sizing sizing

fc fit-content
mc max-content
mnc min-content
Source: content/generate.css, line 2876

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 1641

6.2.1 #general_reference.groups.allgaps AllGaps

Gap, Clmg, Rwg

CSS library
  • "BpAll _AllGaps": ([1gg, 4], [1u, 8])
Source: content/generate.css, line 2492

6.2.2 #general_reference.groups.bdradius BdRadius

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

Source: content/generate.css, line 2402

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 2393

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 2384

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 2375

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 2366

6.2.7 #general_reference.groups.colors Colors

C, Bgc, Bdc

Source: content/generate.css, line 2465

6.2.8 #general_reference.groups.colorsext ColorsExt

C, Bgc, Bdc, Olc, Txdc

Source: content/generate.css, line 2474

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 2420

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 2429

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 2456

6.2.12 #general_reference.groups.overflows Overflows

Ov, Ovx, Ovy

CSS library
  • "BpAll _Overflows": "KW"
Source: content/generate.css, line 2411

6.2.13 #general_reference.groups.overscrolls Overscrolls

Ovsb, Ovsbx, Ovsby

CSS library
  • "Overscrolls": ("c", "a", "n")
Source: content/generate.css, line 2510

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 2438

6.2.15 #general_reference.groups.periods Periods

Tsd, Tsdl, And, Andl

Source: content/generate.css, line 2519

6.2.16 #general_reference.groups.sizes Sizes

W, H, Mxw, Mnh

Source: content/generate.css, line 2501

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 2447

6.2.18 #general_reference.groups.translates Translates

-Tr, -Trx, -Try

CSS library
  • "BpAll _Translates": (-50p, 50p)
Source: content/generate.css, line 2483

6.3 #general_reference.media Media features

@media at-rule features.

Source: content/main.css, line 1649

6.3.1 #general_reference.media.ah ah

No options
property any-hover
Source: content/generate.css, line 2573

6.3.2 #general_reference.media.ap ap

properties any-pointer
keywords
c coarse
f fine
Source: content/generate.css, line 2582

6.3.3 #general_reference.media.apcr apcr

properties aspect-ratio
conversion num-length
Source: content/generate.css, line 2546

6.3.4 #general_reference.media.bls bls

properties block-size
keywords sizing
Source: content/generate.css, line 2555

6.3.5 #general_reference.media.c c

properties color
conversion num-length
Source: content/generate.css, line 2672

6.3.6 #general_reference.media.cg cg

properties color-gamut
keywords
p p3
s "srgb"
r rec2020
Source: content/generate.css, line 2681

6.3.7 #general_reference.media.ci ci

properties color-index
conversion num-length
Source: content/generate.css, line 2690

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 2609

6.3.9 #general_reference.media.fc fc

No options
property forced-colors
Source: content/generate.css, line 2618

6.3.10 #general_reference.media.g g

properties grid
conversion num-length
Source: content/generate.css, line 2663

6.3.11 #general_reference.media.h h

properties height
keywords sizing
Source: content/generate.css, line 2528

6.3.12 #general_reference.media.hv hv

No options
property hover
Source: content/generate.css, line 2591

6.3.13 #general_reference.media.ils ils

properties inline-size
keywords sizing
Source: content/generate.css, line 2564

6.3.14 #general_reference.media.m m

properties monochrome
conversion num-length
Source: content/generate.css, line 2654

6.3.15 #general_reference.media.o o

properties orientation
keywords
default landscape
l landscape
p portrait
Source: content/generate.css, line 2627

6.3.16 #general_reference.media.p p

properties pointer
keywords
c coarse
f fine
Source: content/generate.css, line 2600

6.3.17 #general_reference.media.pfcs pfcs

properties prefers-color-scheme
keywords
default dark
d dark
l light
Source: content/generate.css, line 2636

6.3.18 #general_reference.media.pfrm pfrm

No options
property prefers-reduced-motion
Source: content/generate.css, line 2645

6.3.19 #general_reference.media.r r

properties resolution
conversion resolution
keywords
i infinite
Source: content/generate.css, line 2699

6.3.20 #general_reference.media.w w

properties width
keywords sizing
Source: content/generate.css, line 2537

6.4 #general_reference.utils_kw Utilities keywords

Reference of the keywords in the utils values.

Source: content/main.css, line 1657

6.4.1 #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 2764

6.4.2 #general_reference.utils_kw.border border

default
  • 1px solid
Source: content/generate.css, line 2708

6.4.3 #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 2750

6.4.4 #general_reference.utils_kw.box-ext box-ext

bb border-box
cb content-box
pb padding-box
t text
Source: content/generate.css, line 2757

6.4.5 #general_reference.utils_kw.ct-visibility ct-visibility

default auto
Source: content/generate.css, line 2834

6.4.6 #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 2799

6.4.7 #general_reference.utils_kw.font-size font-size

sl smaller
lr larger
Source: content/generate.css, line 2813

6.4.8 #general_reference.utils_kw.grid grid

af auto-flow
d dense
Source: content/generate.css, line 2785

6.4.9 #general_reference.utils_kw.grid-area grid-area

s span
Source: content/generate.css, line 2771

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

t1 minmax(0, 1fr)
Source: content/generate.css, line 2792

6.4.11 #general_reference.utils_kw.grid-type grid-type

sg subgrid
Source: content/generate.css, line 2778

6.4.12 #general_reference.utils_kw.infinite infinite

i infinite
Source: content/generate.css, line 2806

6.4.13 #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 2722

6.4.14 #general_reference.utils_kw.line-width line-width

m medium
t thick
th thin
Source: content/generate.css, line 2736

6.4.15 #general_reference.utils_kw.overflow overflow

default hidden
a auto
h hidden
s scroll
v visible
Source: content/generate.css, line 2743

6.4.16 #general_reference.utils_kw.overscroll overscroll

c contain
Source: content/generate.css, line 2820

6.4.17 #general_reference.utils_kw.position position

t top
r right
b bottom
l left
c center
Source: content/generate.css, line 2715

6.4.18 #general_reference.utils_kw.sizing sizing

fc fit-content
mc max-content
mnc min-content
Source: content/generate.css, line 2848

6.4.19 #general_reference.utils_kw.text-decoration text-decoration

ff from-font
lt line-through
o overline
u underline
Source: content/generate.css, line 2729

6.4.20 #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 2841

6.4.21 #general_reference.utils_kw.visibility visibility

default hidden
c collapse
h hidden
v visible
Source: content/generate.css, line 2827