API: CSS: General

ebollens edited this page Oct 4, 2011 · 3 revisions
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-basic hides a block element from basic browsers.
  • .only-basic makes a block element display in only basic browsers.
  • .only-full makes a block element display in only WebKit browsers.
  • .not-full hides 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:

  • .center will 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.
  • .smallprint will 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.