This is the basis code for the SBB Panel element, as described here and as defined in the SBB CFF FFS Corporate Design Guidelines. The element should look the same in all projects and in all implementations; from the colour to the text sizes.
This example code can be used on its own, or via a CMS like WordPress or TYPO3.
- CSS should be generated from the Sass file Panel.scss. Make sure that Autoprefixer is used during compilation, to ensure cross-browser compatibility.
- Add the JavaScript from the file Panel.js.
- The figure element contains 7 individual images: one for each appropriate screen resolution break point.
Mark Howells-Mead | www.markweb.ch and www.frappant.ch | Since 21st July 2016
Use this code freely, widely and for free. Provision of this code provides and implies no guarantee. The code and result has not been officially sanctioned by SBB CFF FFS, but is in use on two of their websites at the date of publication.
Please respect the GPL v3 licence, which is available via http://www.gnu.org/licenses/gpl-3.0.html