# 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