Child pages
  • FSS Naming Conventions

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

About this page

This document will only show the basics in a condensed syntax. It is highly recommended that you review the in-depth walkthroughs for more information.

Unknown macro: {div}
On This Page

<h2>The Basics</h2>

<h3> Order of CSS Files
The order of class names is anything from FSS goes first and your own custom CSS files go last, for example:


<link href="fluid.reset.css" rel="stylesheet" />
<link href="fluid.layout.css" rel="stylesheet" />
<link href="fluid.text.css" rel="stylesheet" />
<link href="fluid.themes.css" rel="stylesheet" />
<link href="fluid.states.css" rel="stylesheet" />
<link href="fluid.component.name.css" rel="stylesheet" />

<link href="YourStyleSheetGoesHere.css" rel="stylesheet" />

<h3> Order of Class names</h3>
The order of class names is anything from FSS goes first and your own custom class names goes last, for example:

<div class="fl-container-250 fl-font-size-110 myCustomBorderFx"> </div>

<h3> Over-riding FSS data </h3>
This is intended as a broad overview of customizing FSS. For a more detailed explanation, please see [Customizing FSS].
To overrride any FSS you should have a selector that at the very least [matches the specificity of the FSS selector].

An example of over-riding FSS could be when you want to change a columns width:padding:margin values.

  • No labels