Metadata
- Source
- FLUID-2372
- Type
- Task
- Priority
- Blocker
- Status
- Closed
- Resolution
- Fixed
- Assignee
- N/A
- Reporter
- Justin Obara
- Created
2009-03-17T13:18:05.000-0400 - Updated
2011-01-19T08:28:52.123-0500 - Versions
- N/A
- Fixed Versions
-
- 1.0
- Component
-
- FSS
Description
Rename classes based on the following conventions
We decided that we would distinguish between class names used for visual styling, and class names used for finding DOM element for manipulation, etc. These different categories of classes will have different prefixes:
Visual styling class-name prefix: fl-
DOM-selection prefix: flc-
Visual styling classnames:
The general pattern for visual styling class names is
fl-[thing]-[role]
So, for example:
fl-container-flex, fl-layout-linear...
If the visual styling is specifically for a component, then the component name is inserted:
fl-[componentname][thing][role]
So, for example:
fl-reorderer-selected, fl-pager-links...
DOM-selection classnames:
The general pattern for DOM-selection classnames (i.e. default classnames used by a component to find its parts) is
flc-[componentname][thing][role]
So, for example:
flc-reorderer-drop-warning, flc-inlineEdit-displayText...
Comments
-
Justin Obara commented
2009-03-25T11:15:19.000-0400 Clean Up Parade 1.0
-
Jacob Farber commented
2009-03-30T15:16:20.000-0400 Please see this article on naming conventions http://wiki.fluidproject.org/pages/viewpage.action?pageId=5900972#FSSQuickGuide%26Conventions-NamingConventions