Fonctionalités expérimentales - Thème de GCWeb
Fonctionalité instable
À être utilisé à vos propre risque. Toutes les fonctionalités décrites ci-dessous pourraient être retirées lors de n'importe quelle version mineure/majeure et l'ensemble de ces fonctionalité sont exclus de l'API publique.
La documentation et/ou les exemples pratique pouraient être incomplets ou être non disponible.
Disponibilité des fonctionalités
Le tableau suivant décris jusqu'à quelle version de GCWeb chaque fonctionalité expérimental sera disponible. La disponibilité des fonctionalité sera ré-évalué a chaque publication de GCWeb. Les fonctionalités expérimental retirées sera identifié une version au préalable de son retrait définitif.
Description des états
- <non spécifié>
- Expérimental
- Retiré
- La fonctionalité n'est plus disponible
- Supporté
- La fonctionalité est maintenu inclus et supporté par l'API publique de GCWeb.
- Retiré après v.Majeur.Mineur
- La version v.Major.Minor représente la dernière version que cette fonctionalité sera disponible. Les auteurs doit considérer une solution alternative ou de faire le retrait de l'utilisation de cette fonctionalité.
Nom | Description | Disponible dans | État |
---|---|---|---|
CSS .p-0 |
Set a padding of 0px | v5.1 | |
CSS .mb-sm-5 |
Set a margin bottom of 50px for view port from small screen and up | v5.1 | |
CSS .p-sm-3 |
Set a padding of 15px for view port from small screen and up | v5.1 | |
CSS .px-sm-3 |
Set a left and right padding of 15px for view port from small screen and up | v5.1 | |
CSS .bg-darker |
Full black background color | v5.1 | |
CSS .bg-gctheme and .bg-gctheme.well.header-rwd |
GCWeb theme default background color | v5.1 | |
CSS .bg-pnkDy and .bg-pnkDy.well.header-rwd |
Pink day background color | v5.1 | |
CSS .pnkDy-theme set global |
Apply template color global changed for the pink day color. Globally as that property is defined on the <html> or <body> element |
v5.1 | |
CSS .dark-theme set global |
Apply template color global changed for full black. Globally as that property is defined on the <html> or <body> element |
v5.1 | |
CSS .bg-cover |
Background size cover | v5.1 | |
Plugin [data-bgimg] |
Take the URL value and set it as the background image. To be replaced by CSS4 selector. | v5.1 | |
CSS .bg-img-hdng |
Add a background image to a heading. | v5.1 |
Documentation des fonctionalités expérimentaux
Les fonctionalités CSS experimentaux doivent être accompagné avec la classe .experimental
dans le context d'utilisation.
Example pratique expérimentaux
Well header responsive with a background image
Heading
Secondary title
Well header responsive with background image and padding controls
Mostly for campaing page with content-fluid width.
Heading
Secondary title
<div class="experimental bg-cover" data-bgimg="demos/tabs/img/investinourfuture.jpg">
<div class="container p-0 p-sm-3">
<div class="well header-rwd mrgn-tp-md mrgn-bttm-md bg-dark text-white brdr-0">
<h4 class="mrgn-tp-md">Heading</h4>
<p>Secondary title</p>
</div>
</div>
</div>
Margin bottom small view port and up

Heading
Secondary title
Second well
Theme template colors
Javascript code sample to schedule the CSS addition for pink day
The following script add the CSS class only for April 10, 2019 based on local time.
( function( d ) {
"use strict";
var t = new Date(),
msT = t.getTime(),
s = new Date( 2019, 3, 10, 0, 1 ),
e = new Date( 2019, 3, 10, 23, 59 );
if ( s.getTime() < msT && msT < e.getTime() ) {
d.getElementsByTagName( "html" )[ 0 ].classList.add ("pnkDy-theme", "experimental");
}
} )( document );
Background image on heading
Mostly for Services and information section.
Impact Assessment
Impact assessments process
Learn about the purpose and steps of impact assessments under the Impact Assessment Act.
Canadian Impact Assessment Registry
Information on potential and current IAs of projects subject to the federal IA process.
How to get involved
Public
Learn how the public can participate in impact assessments.
Indigenous
Learn about the Indigenous consultation process in impact assessments.
Signaler un problème sur cette page
- Date de modification :