API: CSS: General
Clone this wiki locally
The framework provides several basic classes that can be assigned to a variety of entities for general purpose styling. This page attempts to describe these attributes and their uses.
Device Classification Visibility
The framework provides a several classes that mediate display of an element on specific device classifications.
.not-basichides a block element from basic browsers.
.only-basicmakes a block element display in only basic browsers.
.only-fullmakes a block element display in only WebKit browsers.
.not-fullhides a block element from WebKit browsers.
No explicit classes exist for touch only or not touch. However, through clever use of the above classes, any display behavior can be achieved.
It should also be noted that a small (and decreasing) percentage of XHTML MP 1.0+ devices do not support CSS, and in these cases, the styles defined above will not apply. However, this is quickly becoming a null point with the growth of smart phones which do all support at least CSS 2.1 and the display attribute that has existed in the CSS specification since CSS 1.0.
Other Display Classes
The framework also provides several general purpose display classes:
.centerwill center a block or inline entity. It should be employed instead of the
<center>entity because rendition in some browsers may be better without explicit centering, and the framework is better suited to make this determination.
.smallprintwill reduce the font-size and font-weight of an entity by 10% for any block or inline entity. When used within a list item, the color may also change to weaken the strength of the item.