new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/min-inline-size

9 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

min-inline utilities API reference

The min-inline utilities for setting minimum inline size have the following API: min-inline-<number>: min-inline-size: calc(var(--spacing) * <number>); min-inline-<fraction>: min-inline-size: calc(<fraction> * 100%); min-inline-3xs: min-inline-size: var(--container-3xs); /* 16rem (256px) */ min-inline-2xs: min-inline-size: var(--container-2xs); /* 18rem (288px) */ min-inline-xs: min-inline-size: var(--container-xs); /* 20rem (320px) */ min-inline-sm: min-inline-size: var(--container-sm); /* 24rem (384px) */ min-inline-md: min-inline-size: var(--container-md); /* 28rem (448px) */ min-inline-lg: min-inline-size: var(--container-lg); /* 32rem (512px) */ min-inline-xl: min-inline-size: var(--container-xl); /* 36rem (576px) */ min-inline-2xl: min-inline-size: var(--container-2xl); /* 42rem (672px) */ min-inline-3xl: min-inline-size: var(--container-3xl); /* 48rem (768px) */ min-inline-4xl: min-inline-size: var(--container-4xl); /* 56rem (896px) */ min-inline-5xl: min-inline-size: var(--container-5xl); /* 64rem (1024px) */ min-inline-6xl: min-inline-size: var(--container-6xl); /* 72rem (1152px) */ min-inline-7xl: min-inline-size: var(--container-7xl); /* 80rem (1280px) */ min-inline-auto: min-inline-size: auto; min-inline-px: min-inline-size: 1px; min-inline-full: min-inline-size: 100%; min-inline-screen: min-inline-size: 100vw; min-inline-dvw: min-inline-size: 100dvw; min-inline-dvh: min-inline-size: 100dvh; min-inline-lvw: min-inline-size: 100lvw; min-inline-lvh: min-inline-size: 100lvh; min-inline-svw: min-inline-size: 100svw; min-inline-svh: min-inline-size: 100svh; min-inline-min: min-inline-size: min-content; min-inline-max: min-inline-size: max-content; min-inline-fit: min-inline-size: fit-content; min-inline-(<custom-property>): min-inline-size: var(<custom-property>); min-inline-[<value>]: min-inline-size: <value>;

min-inline numeric utilities use spacing scale

The min-inline-<number> utilities like min-inline-24, min-inline-40, min-inline-48, min-inline-64, and min-inline-80 set the minimum inline size based on the spacing scale multiplied by the number provided.

min-inline fractional utilities use percentage

The min-inline-<fraction> utilities like min-inline-1/2, min-inline-2/3, min-inline-2/5, and min-inline-3/4 set the minimum inline size as a percentage of the container width.

min-inline container scale utilities

The min-inline-xs, min-inline-sm, min-inline-md, min-inline-lg, and similar utilities use the container scale CSS custom properties (--container-xs, --container-sm, etc.) to set predefined minimum inline sizes.

min-inline viewport size utilities

The min-inline-screen, min-inline-dvw, min-inline-dvh, min-inline-lvw, min-inline-lvh, min-inline-svw, and min-inline-svh utilities set the minimum inline size relative to viewport dimensions using 100vw, 100dvw, 100dvh, 100lvw, 100lvh, 100svw, and 100svh respectively.

min-inline content sizing utilities

The min-inline-min, min-inline-max, and min-inline-fit utilities set the minimum inline size to min-content, max-content, and fit-content respectively.

min-inline arbitrary value syntax

The min-inline-[<value>] syntax allows setting arbitrary minimum inline size values, and the min-inline-(<custom-property>) syntax allows referencing custom CSS properties.

min-inline supports responsive design

The min-inline utilities support responsive design and can be combined with responsive prefixes.

min-inline customizable via spacing scale

The min-inline utility theme can be customized through the spacing scale, similar to other spacing-based utilities.

Give your agent this brain