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/scroll-padding

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

scroll-padding utilities mapping to CSS properties

The scroll-padding utilities in Tailwind CSS map as follows: scroll-p maps to scroll-padding, scroll-px maps to scroll-padding-inline, scroll-py maps to scroll-padding-block, scroll-ps maps to scroll-padding-inline-start, scroll-pe maps to scroll-padding-inline-end, scroll-pbs maps to scroll-padding-block-start, scroll-pbe maps to scroll-padding-block-end, scroll-pt maps to scroll-padding-top, scroll-pr maps to scroll-padding-right, scroll-pb maps to scroll-padding-bottom, and scroll-pl maps to scroll-padding-left.

scroll-padding utility class variants in v4

For each scroll-padding property prefix, the following variants are available: {prefix}-<number> generates calc(var(--spacing) * <number>), {prefix}-px generates 1px, {prefix}-(<custom-property>) uses var(<custom-property>), and {prefix}-[<value>] uses an arbitrary value.

scroll-pt, scroll-pr, scroll-pb, scroll-pl utilities

Use scroll-pt-<number>, scroll-pr-<number>, scroll-pb-<number>, and scroll-pl-<number> utilities to set the scroll offset of an element within a snap container. For example, scroll-pl-4 and scroll-pt-6 set the left and top scroll offsets respectively.

scroll-ps and scroll-pe logical properties

The scroll-ps-<number> and scroll-pe-<number> utilities set the scroll-padding-inline-start and scroll-padding-inline-end logical properties. These map to either the left or right side based on the text direction of the document.

scroll-pbs and scroll-pbe logical properties

The scroll-pbs-<number> and scroll-pbe-<number> utilities set the scroll-padding-block-start and scroll-padding-block-end logical properties. These map to either the top or bottom side based on the writing mode.

scroll-padding responsive design support

Scroll-padding utilities support responsive design. The default class scroll-p-8 can be overridden at different breakpoints, and featured class scroll-p-0 can be applied at specific breakpoints.

Give your agent this brain