UNPKG

purgetss

Version:

A package that simplifies mobile app creation for Titanium developers.

25 lines (24 loc) 2.94 kB
```scss // Property(ies): backgroundGradient - Linear // Component(s): Ti.UI.MaskedImage '.bg-linear': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '50%', y: '100%' }, endPoint: { x: '50%', y: '0%' } } } '.bg-linear-to-t': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } } '.bg-linear-to-tr': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } } '.bg-linear-to-r': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '0%' } } } '.bg-linear-to-br': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '0%', y: '0%' } } } '.bg-linear-to-b': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-linear-to-bl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-linear-to-l': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-linear-to-tl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '100%' } } } // Property(ies): backgroundGradient - Gradient // Component(s): Ti.UI.MaskedImage '.bg-gradient': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '50%', y: '100%' }, endPoint: { x: '50%', y: '0%' } } } '.bg-gradient-to-t': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } } '.bg-gradient-to-tr': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } } '.bg-gradient-to-r': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '0%' } } } '.bg-gradient-to-br': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '0%', y: '0%' } } } '.bg-gradient-to-b': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-gradient-to-bl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-gradient-to-l': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '0%' } } } '.bg-gradient-to-tl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '100%' } } } ```