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

GitHub Primer · all subjects

borders

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

Default border utility

The default border utility applies a solid 1px border with a default gray color.

Border direction utilities

Borders can be applied to a specific edge or to the X and Y axes individually. Remove borders from all sides or a single side with .border-0, .border-top-0, .border-right-0, .border-bottom-0, .border-left-0.

Dashed border style

Use the border-dashed utility to give an element a dashed border.

Rounded corners utilities

Rounded corner utilities include: rounded-0 removes rounded corners, rounded-1 applies a border radius of 4px, rounded-2 applies a border radius of 6px, rounded-3 applies a border radius of 8px. The .circle utility applies a border radius of 50%, which turns square elements into perfect circles.

Rounded corners on specific edges

Rounded corners can be added to each edge individually using utilities that target top, right, bottom, or left edges.

Border width migration from sx to CSS variables

Border width values map from sx keywords to CSS variables and pixel values: sx 0 = 0px (primitive: 0), sx 1 = 1px (primitive: --borderWidth-thin), 2px (primitive: --borderWidth-thick), 3px (primitive: --borderWidth-thicker).

Border radius migration from sx to CSS variables

Border radius values map from sx keywords to CSS variables and pixel values: sx 0 = 0px (primitive: 0), sx 1 = 3px (primitive: --borderRadius-small), sx 2 = 6px (primitive: --borderRadius-medium), 12px (primitive: --borderRadius-large), sx 3 = maximum (primitive: --borderRadius-full).

SCSS variable to CSS variable migration - border styles

Legacy SCSS border variables map to CSS variables and values: $border-width to --borderWidth-thin, $border-style to solid (deprecated), $border to solid var(--borderWidth-thin) var(--borderColor-default), $border-rem to solid var(--borderWidth-thin) var(--borderColor-default), $border-radius-1 to --borderRadius-small, $border-radius-2 to --borderRadius-medium, $border-radius-3 to 8px and --borderRadius-medium, $border-radius to --borderRadius-small.

Give your agent this brain