mlut documentation

7 #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 1388

7.1 #general_reference.common_kw Common keywords

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

Source: content/main.css, line 1422

7.1.1 #general_reference.common_kw.colors colors

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

7.1.2 #general_reference.common_kw.css css

ih inherit
ini initial
rvr revert
ust unset
Source: content/generate.css, line 2688

7.1.3 #general_reference.common_kw.css-oft css-oft

ih inherit
ini initial
rvr revert
ust unset
a auto
n none
Source: content/generate.css, line 2695

7.1.4 #general_reference.common_kw.global global

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

7.2 #general_reference.groups Utilities groups

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 Core library may be writted. In this values also may be used the Generation Syntax.

Source: content/main.css, line 1398

7.2.1 #general_reference.groups.allgaps AllGaps

Gap, Clmg, Rwg

In the Core
  • "BpAll _AllGaps": ([1gg, 4], [1u, 8])
Source: content/generate.css, line 2357

7.2.2 #general_reference.groups.bdradius BdRadius

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

Source: content/generate.css, line 2267

7.2.3 #general_reference.groups.bdsidescolor BdSidesColor

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

Source: content/generate.css, line 2258

7.2.4 #general_reference.groups.bdstyle BdStyle

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

In the Core
  • "BdStyle": ("d", "h", "dh", "db", "s")
Source: content/generate.css, line 2249

7.2.5 #general_reference.groups.bdwidth BdWidth

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

In the Core
  • "BpAll _BdWidth": (0, 2, 3)
Source: content/generate.css, line 2240

7.2.6 #general_reference.groups.borders Borders

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

In the Core
  • "BpAll _Borders": ""
Source: content/generate.css, line 2231

7.2.7 #general_reference.groups.colors Colors

C, Bgc, Bdc

Source: content/generate.css, line 2330

7.2.8 #general_reference.groups.colorsext ColorsExt

C, Bgc, Bdc, Olc, Txdc

Source: content/generate.css, line 2339

7.2.9 #general_reference.groups.margins Margins

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

In the Core
  • "BpAll _Margins": (0, 1, "a", [1u, 8])
Source: content/generate.css, line 2285

7.2.10 #general_reference.groups.marginsnor MarginsNoR

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

In the Core
  • "BpAll _MarginsNoR": ([-8u, -1], [-2gg, -1], [1gg, 4])
Source: content/generate.css, line 2294

7.2.11 #general_reference.groups.offsets Offsets

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

In the Core
  • "BpAll _Offsets": ("a", 0, -1, 1, -50p, 50p, -100p, 100p)
Source: content/generate.css, line 2321

7.2.12 #general_reference.groups.overflows Overflows

Ov, Ovx, Ovy

In the Core
  • "BpAll _Overflows": "KW"
Source: content/generate.css, line 2276

7.2.13 #general_reference.groups.overscrolls Overscrolls

Ovsb, Ovsbx, Ovsby

In the Core
  • "Overscrolls": ("c", "a", "n")
Source: content/generate.css, line 2375

7.2.14 #general_reference.groups.paddings Paddings

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

In the Core
  • "BpAll _Paddings": (0, 1, [1u, 8], [1gg, 6])
Source: content/generate.css, line 2303

7.2.15 #general_reference.groups.periods Periods

Tsd, Tsdl, And, Andl

Source: content/generate.css, line 2384

7.2.16 #general_reference.groups.sizes Sizes

W, H, Mxw, Mnh

Source: content/generate.css, line 2366

7.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 2312

7.2.18 #general_reference.groups.translates Translates

-Tr, -Trx, -Try

In the Core
  • "BpAll _Translates": (-50p, 50p)
Source: content/generate.css, line 2348

7.3 #general_reference.media Media features

@media at-rule features.

Source: content/main.css, line 1406

7.3.1 #general_reference.media.ah ah

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

7.3.2 #general_reference.media.ap ap

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

7.3.3 #general_reference.media.apcr apcr

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

7.3.4 #general_reference.media.c c

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

7.3.5 #general_reference.media.cg cg

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

7.3.6 #general_reference.media.ci ci

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

7.3.7 #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 2456

7.3.8 #general_reference.media.fc fc

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

7.3.9 #general_reference.media.g g

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

7.3.10 #general_reference.media.h h

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

7.3.11 #general_reference.media.hv hv

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

7.3.12 #general_reference.media.m m

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

7.3.13 #general_reference.media.o o

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

7.3.14 #general_reference.media.p p

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

7.3.15 #general_reference.media.pfcs pfcs

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

7.3.16 #general_reference.media.pfrm pfrm

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

7.3.17 #general_reference.media.r r

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

7.3.18 #general_reference.media.w w

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

7.4 #general_reference.utils_kw Utilities keywords

Reference of the keywords in the utils values.

Source: content/main.css, line 1414

7.4.1 #general_reference.utils_kw.border border

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

7.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 2604

7.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 2611

7.4.4 #general_reference.utils_kw.ct-visibility ct-visibility

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

7.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 2639

7.4.6 #general_reference.utils_kw.font-size font-size

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

7.4.7 #general_reference.utils_kw.grid grid

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

7.4.8 #general_reference.utils_kw.grid-area grid-area

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

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

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

7.4.10 #general_reference.utils_kw.infinite infinite

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

7.4.11 #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 2569

7.4.12 #general_reference.utils_kw.line-width line-width

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

7.4.13 #general_reference.utils_kw.overflow overflow

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

7.4.14 #general_reference.utils_kw.overscroll overscroll

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

7.4.15 #general_reference.utils_kw.position position

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

7.4.16 #general_reference.utils_kw.sizing sizing

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

7.4.17 #general_reference.utils_kw.text-decoration text-decoration

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

7.4.18 #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 2681

7.4.19 #general_reference.utils_kw.visibility visibility

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