https://github.com/muka/titanium-app-styles
Titanium app.tss styles
https://github.com/muka/titanium-app-styles
Last synced: about 2 months ago
JSON representation
Titanium app.tss styles
- Host: GitHub
- URL: https://github.com/muka/titanium-app-styles
- Owner: muka
- License: mit
- Created: 2015-11-15T16:07:34.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-01-09T06:52:29.000Z (over 9 years ago)
- Last Synced: 2025-02-05T04:49:27.173Z (4 months ago)
- Homepage:
- Size: 8.79 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Titanium app.tss styles
===
Collection of classes I frequently use in Titanium
Mostly inspired by Foundation
Grid
---
A grid fitting at 100% splitted in 12 pieces. The sum must be 12
- `.row`
- `.grid[1-12]`
A sample menu item
```
```
Layouts
---
- `.absolute`
- `.horizontal`
- `.vertical`
Containers
---
- `.container`
- `.fit` or `.hfit` + `.vfit`
- `.wrapper` fit horizontally with a 2% padding on left/right
Text
---
- `.text-left`
- `.text-center`
- `.text-right`
- `.hr` Horizontal grey ruler
Text colors
- `.white`
- `.lightgrey`
- `.grey`
- `.darkgrey`
- `.black`
Text sizes
- `.title`
- `.bold`
- `.bigger`
- `.big`
- `.medium`
- `.small`
- `.smaller`
Spacers
---
[h]orizontal or [v]ertical spacer for layouts
- `.[h|v]spacer` spaces 5%
- `.[h|v]spacer[1-5]` from 10% to 50%
- `.[h|v]spacer[10-50]` from 10 to 50
Positioning
---
Position with a 10 unit margin
- `.top`
- `.right`
- `.bottom`
- `.left`
Blocks
---
fixed heights blocks
- `.block` height 40
- `.block2` height 80
- `.block3` height 120
- `.block40` height 40%
- `.block80` height 80%
- `.block100` height 100%
Heights
---
- `.h[10-200]` Set height, steps of 10