Skip to main content

Compound Classes

Compound classes in Purge TSS are advanced properties that combine multiple style attributes into a single, powerful class. These classes provide sophisticated styling capabilities and often have multiple variations or alternative syntaxes.

Layout and Positioning​

  • Grid System: grid-cols, grid-rows, gridFlow
  • Spacing: margin, padding (with alternative syntaxes)
  • Size: width, height, size, content-height-and-width
  • Positioning: anchorPoint, constraint, placement

Visual Styling​

  • Backgrounds:
    • Gradients: backgroundGradient-linear, backgroundGradient-radial
    • Selected States: backgroundSelectedGradient
  • Borders: borderRadius (including borderRadius-full)
  • Shadows: dropShadow, viewShadowOffset
  • Transforms: rotate, flip, zoom-in-out

Typography​

  • Font Properties:
    • fontFamily, fontSize, fontWeight, fontStyle
    • minimumFontSize, ellipsize
  • Text Behavior: autocapitalization

User Interface​

  • Navigation: navigationMode, orientationModes
  • Scrolling: scrollType, showScrollIndicators
  • Selection: selectionStyle
  • Status Bar: statusBarStyle

Theme and Resources​

  • Theming: theme, style
  • Resources: r-drawable, tiMedia
  • Display: displayCaps, draggingType