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 1611

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 1645

6.1.1 #general_reference.common_kw.colors colors

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

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 2794

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 2801

6.1.4 #general_reference.common_kw.global global

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

6.1.5 #general_reference.common_kw.sizing sizing

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

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 1621

6.2.1 #general_reference.groups.allgaps AllGaps

Gap, Clmg, Rwg

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

6.2.2 #general_reference.groups.bdradius BdRadius

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

Source: content/generate.css, line 2348

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 2339

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 2330

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 2321

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 2312

6.2.7 #general_reference.groups.colors Colors

C, Bgc, Bdc

Source: content/generate.css, line 2411

6.2.8 #general_reference.groups.colorsext ColorsExt

C, Bgc, Bdc, Olc, Txdc

Source: content/generate.css, line 2420

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 2366

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 2375

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 2402

6.2.12 #general_reference.groups.overflows Overflows

Ov, Ovx, Ovy

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

6.2.13 #general_reference.groups.overscrolls Overscrolls

Ovsb, Ovsbx, Ovsby

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

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 2384

6.2.15 #general_reference.groups.periods Periods

Tsd, Tsdl, And, Andl

Source: content/generate.css, line 2465

6.2.16 #general_reference.groups.sizes Sizes

W, H, Mxw, Mnh

Source: content/generate.css, line 2447

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 2393

6.2.18 #general_reference.groups.translates Translates

-Tr, -Trx, -Try

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

6.3 #general_reference.media Media features

@media at-rule features.

Source: content/main.css, line 1629

6.3.1 #general_reference.media.ah ah

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

6.3.2 #general_reference.media.ap ap

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

6.3.3 #general_reference.media.apcr apcr

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

6.3.4 #general_reference.media.bls bls

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

6.3.5 #general_reference.media.c c

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

6.3.6 #general_reference.media.cg cg

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

6.3.7 #general_reference.media.ci ci

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

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 2555

6.3.9 #general_reference.media.fc fc

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

6.3.10 #general_reference.media.g g

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

6.3.11 #general_reference.media.h h

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

6.3.12 #general_reference.media.hv hv

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

6.3.13 #general_reference.media.ils ils

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

6.3.14 #general_reference.media.m m

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

6.3.15 #general_reference.media.o o

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

6.3.16 #general_reference.media.p p

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

6.3.17 #general_reference.media.pfcs pfcs

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

6.3.18 #general_reference.media.pfrm pfrm

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

6.3.19 #general_reference.media.r r

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

6.3.20 #general_reference.media.w w

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

6.4 #general_reference.utils_kw Utilities keywords

Reference of the keywords in the utils values.

Source: content/main.css, line 1637

6.4.1 #general_reference.utils_kw.border border

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

6.4.2 #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 2696

6.4.3 #general_reference.utils_kw.box-ext box-ext

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

6.4.4 #general_reference.utils_kw.ct-visibility ct-visibility

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

6.4.5 #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 2738

6.4.6 #general_reference.utils_kw.font-size font-size

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

6.4.7 #general_reference.utils_kw.grid grid

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

6.4.8 #general_reference.utils_kw.grid-area grid-area

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

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

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

6.4.10 #general_reference.utils_kw.grid-type grid-type

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

6.4.11 #general_reference.utils_kw.infinite infinite

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

6.4.12 #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 2668

6.4.13 #general_reference.utils_kw.line-width line-width

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

6.4.14 #general_reference.utils_kw.overflow overflow

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

6.4.15 #general_reference.utils_kw.overscroll overscroll

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

6.4.16 #general_reference.utils_kw.position position

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

6.4.17 #general_reference.utils_kw.sizing sizing

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

6.4.18 #general_reference.utils_kw.text-decoration text-decoration

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

6.4.19 #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 2780

6.4.20 #general_reference.utils_kw.visibility visibility

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