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 8 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

The Basics

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="" rel="stylesheet" />

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

Order of Class names

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 myCustomClass"> </div>

Over-riding FSS data

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.

Here is the markup, creating 3 columns:

<div class="fl-col-flex3 myCustomClass">
   <div class="fl-col"> </div>
   <div class="fl-col"> </div>
   <div class="fl-col"> </div>




  • No labels