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 · Utilities reference · all subjects

min-inline-size

7 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-<number> utility syntax

The min-inline-<number> utility class generates min-inline-size: calc(var(--spacing) * <number>);. For example, min-inline-24 sets a minimum inline size based on the spacing scale multiplied by 24.

min-inline-<fraction> utility syntax

The min-inline-<fraction> utility class generates min-inline-size: calc(<fraction> * 100%);. For example, min-inline-1/2 sets minimum inline size to 50% and min-inline-2/5 sets it to 40%.

min-inline container scale utilities

Container scale utilities for min-inline-size are: min-inline-3xs (16rem/256px), min-inline-2xs (18rem/288px), min-inline-xs (20rem/320px), min-inline-sm (24rem/384px), min-inline-md (28rem/448px), min-inline-lg (32rem/512px), min-inline-xl (36rem/576px), min-inline-2xl (42rem/672px), min-inline-3xl (48rem/768px), min-inline-4xl (56rem/896px), min-inline-5xl (64rem/1024px), min-inline-6xl (72rem/1152px), and min-inline-7xl (80rem/1280px).

min-inline fixed value utilities

Fixed value utilities for min-inline-size: min-inline-auto sets min-inline-size: auto; min-inline-px sets min-inline-size: 1px; min-inline-full sets min-inline-size: 100%; min-inline-screen sets min-inline-size: 100vw; min-inline-dvw sets min-inline-size: 100dvw; min-inline-dvh sets min-inline-size: 100dvh; min-inline-lvw sets min-inline-size: 100lvw; min-inline-lvh sets min-inline-size: 100lvh; min-inline-svw sets min-inline-size: 100svw; min-inline-svh sets min-inline-size: 100svh; min-inline-min sets min-inline-size: min-content; min-inline-max sets min-inline-size: max-content; min-inline-fit sets min-inline-size: fit-content.

min-inline custom property and arbitrary value syntax

Use min-inline-(<custom-property>) to set min-inline-size: var(<custom-property>);. Use min-inline-[<value>] to set min-inline-size: <value>; with an arbitrary value.

min-inline-size responsive design

min-inline-size utilities support responsive design variants. The default class shown is inline-24 min-inline-full and the featured responsive class is min-inline-0.

min-inline-size customization uses spacing scale

The min-inline utility can be customized by modifying the spacing scale theme configuration, similar to how other spacing-based utilities are customized.

Give your agent this brain