Skip to content
Snippets Groups Projects
Commit 04d4f269 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Forgot to remove some boilerplate copy-paste

parent 1c7b4f82
No related branches found
No related tags found
No related merge requests found
Pipeline #19306 passed with stage
in 2 minutes and 22 seconds
......@@ -64,7 +64,7 @@ When using a background image we have to determine the best text colour to meet
We do this using JavaScript and the background image filename.
In creating the background images for mastheads each image filename needs to have it's most dominate colour added as a hexidecimal code.
In creating the background images for mastheads each image filename needs to have it's most dominate colour added as a hexadecimal code.
```bash
masthead-background-image--00EF00.png
......
// vf-masthead
/*
* A note on the Visual Framework and JavaScript:
* The VF is primairly a CSS framework so we've included only a minimal amount
* of JS in components and it's fully optional (just remove the JavaScript selectors
* i.e. `data-vf-js-tabs`). So if you'd rather use Angular or Bootstrap for your
* tabs, the Visual Framework won't get in the way.
*
* When querying the DOM for elements that should be acted on:
* 🚫 Don't: const tabs = document.querySelectorAll('.vf-tabs');
* ✅ Do: const tabs = document.querySelectorAll('[data-vf-js-tabs]');
*
* This allows users who would prefer not to have this JS engange on an element
* to drop `data-vf-js-component` and still maintain CSS styling.
*/
// Uncomment this boilerplate
// // if you need to import any other components' JS to use here
// import { vfOthercomponent } from 'vf-other-component/vf-other-component';
//
// function vfcomponentName(firstPassedVar) {
// firstPassedVar = firstPassedVar || 'defaultVal';
//
// }
//
// // If you need to invoke the component by default
// vfcomponentName();
//
// // By default your component should be usable with js imports
// export { vfcomponentName };
//
// // You should also import it at ./components/vf-core/scripts.js
// // import { vfcomponentName } from '../components/raw/vf-component/vf-component.js';
// // vfcomponentName();
// // And, if needed, invoke it
// The background image for the banner element are taken from the database.
// The filename includes the hex code for the background colour of the image.
// Then test if the 6 characters are a hex code and declare the background-color
/**
* Function for making background color of banner from image file name
* @example vfMastheadSetStyle()
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment