Skip to main content

Compound Classes

Compound classes in PurgeTSS 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-rows-span, gridFlow, gridSystem, items
  • Spacing: margin, padding (with alternative syntaxes like margin-alternative, padding-alternative)
  • Size: width, height, size, widthHeight, content-height-and-width
  • Positioning: anchorPoint, constraint, placement

Visual Styling​

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

Animations and Motion​

  • Movement: moveByAnimate, moveByAnimation, moveByProperties
  • Curve: curve-alternative

Typography​

  • Font Properties:
    • fontFamily, fontSize, fontWeight, fontStyle
    • minimumFontSize, ellipsize (including ellipsize-alternative)
  • Text Behavior: autocapitalization (including autocapitalization-alternative)

User Interface​

  • Navigation: navigationMode, orientationModes
  • Scrolling: scrollType, showScrollIndicators
  • Visibility: clipMode, visible-alternative
  • Touch: touchEnabled-alternative, toggle

Theme and Resources​

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

Shadow Effects​

  • Title Attributes: titleAttributesShadow-alternative
  • View Shadows: viewShadowOffset