search

file-icons / atom

Atom file-specific icons for improved visual grepping.
MIT License
1.31k stars 251 forks source link

Support for TSS files (Appcelerator Titanium) #844

Closed m1ga closed 3 years ago

m1ga commented 3 years ago

Since the tss style files are "almost" css I use the same icons :smile:

Screenshot_20210313_185839

m1ga commented 3 years ago

Thank you for the quick feedback! Adjusted all your remarks, thanks!

TSS files are the style files inside the mobile app framework Appcelerator Titanium. The syntax is very similar to CSS but without the dashes between the words:

"TextField" : {
    borderWidth: 1,
    borderColor: "#000",
    left: 10,
    right: 10,
    borderRadius: 4,
    hintTextColor: "#888",
    fontSize: 14,
    color: "text",
    backgroundColor: "textfield"
}

"TextArea" : {
    borderWidth: 1,
    borderColor: "#000",
    left: 10,
    right: 10,
    borderRadius: 4,
    hintTextColor: "#888",
    fontSize: 14,
    color: "text",
    backgroundColor: "textfield"
}

Titanium uses XML for layouts, JS for code and TSS for styling elements inside the apps. All of the other files have nice icons just the styling TSS files had none. Assigning them to CSS makes sense since it is even inside a "style" folder and most dev's have a web dev background too.

Screenshot_20210313_192153