Documentation of GC Subway map navigation
Unstable feature
To be used at your own risks. All functionalities described below could be removed in any subsequent minor/major release and are excluded from the GCWeb public API.
Documentation and/or working examples for those features could be incomplete or not available.
In order to use the provisional subway map navigation, you will need to complete the following steps:
- First, you'll need a
<nav>element with both the"provisional"and the"gc-subway"classes. Inside of that<nav>, put your first<h1>; it will be the smaller, gray-ish, upper one. - Add a
<ul>next to that<h1>. Put the links to your other pages related to that service initiation template in there. - The rest just needs your own main content for that page. Do not forget the navigation buttons at the bottom of the pages. If you want the left column to stop being at 2/3 of the width on desktop at some point, then you can stop the propagation by using any HTML element with a
"gc-subway-section-end"class on it; that element needs to be a sibling of your<nav class="gc-subway">. - If you want to use the new bold short red underline underneath your regular H1, then add both the
"provisional"and"gc-thickline"classes on it.
See raw code in action by checking out the working example.
Page details
- Date modified: