Interface: CSSRules

twind.CSSRules

See: https://drafts.csswg.org/css-nesting/#nest-selector

"& > * + *": {
  marginLeft: 16
},

// In a comma-separated list, each individual selector shall start with "&"
"&:focus, &:active": {
  outline: "solid"
},

// Self-references are also supported
"& + &": {
  color: "green"
}

Indexable

▪ [key: string]: CSSRuleValue

Global defaults

"& > * + *": {
  marginLeft: 16
},

// In a comma-separated list, each individual selector shall start with "&"
"&:focus, &:active": {
  outline: "solid"
},

// Self-references are also supported
"& + &": {
  color: "green"
}

Properties

:global

Optional :global: CSSRules | readonly CSSRules[] | CSSRulesThunk<MaybeArray<CSSRules>>

Defined in: src/types/twind.ts:253


@apply

Optional @apply: MaybeArray<undefined | null | string | number | boolean | void>

Defined in: src/types/twind.ts:251


@font-face

Optional @font-face: FontFace | readonly FontFace[] | CSSRulesThunk<MaybeArray<FontFace>>

Defined in: src/types/twind.ts:249


@global

Optional @global: CSSRules | readonly CSSRules[] | CSSRulesThunk<MaybeArray<CSSRules>>

Defined in: src/types/twind.ts:252


@import

Optional @import: string | readonly string[] | CSSRulesThunk<MaybeArray<string>>

Defined in: src/types/twind.ts:248


@keyframes

Optional @keyframes: Record<string, CSSProperties | (context: Context) => CSSProperties> | CSSRulesThunk<Record<string, CSSProperties | (context: Context) => CSSProperties>>

Defined in: src/types/twind.ts:250