Go to main content

stylesheet

Define the default style sheet for the website

STYLESHEET

NAME

stylesheet - Define the default style sheet for the website

DESCRIPTION

DOC - CSS for site and Widget

In staging extenso is loaded directly into the DOM of the client website. So we need to prefix all the CSS of the site as well as the CSS of extenso.

In the main gabarit the structure is like this :

<body>
    <div class="sn">
               /*Extenso is loader here*/
    </div>
    <div class="cs">
               /*You client website will be loaded here*/
    </div>
</body>

Here is the prefix classes we chose :

.sn = For all the Extenso interface

.cs = For all the client website.

 

In order for you to avoid your CSS to mess with extenso interface you should always prefix your class with .cs.

Example :

.cs .you-class{

     /*Stuff*/

}

.cs h1{

     /*Stuff*/

}

SEE ALSO

{{ include("includes/extenso.sn") }}

AUTHOR

Written by Pierre Laplante, <laplante@sednove.com> and Étienne Carré <etienne@sednove.com>

MODIFICATIONS

1.0 2015-01-17 22:50:14 laplante@sednove.com

1.1 2015-11-16 laplante@sednove.com

Edit

© 2024 extenso Inc. All rights reserved.