This pattern is used for referencing custom CSS files.
...
How this works
Include custom CSS
...
Selection | What this means | What this triggers |
|---|---|---|
Yes | Indicates that custom CSS will be used. | Causes the CSS reference Data Definition group to be displayed. |
No | Indicates that custom CSS will not be used. | N/A |
CSS reference
| Note |
|---|
Only displayed when Include custom CSS is set to ‘Yes’. |
...
This group contains all the fields necessary for defining a reference to a single CSS file.
| Info |
|---|
You can add as many CSS references as you need. → Detail: Proliferating Data Definition items |
Type
...
Selection | What this means | What this triggers |
|---|---|---|
Asset | Indicates the CSS file is located in Cascade as a part of your site. | Causes the File Data Definition field to display. |
URL | Indicates the CSS file exists somewhere on the web (not part of your site). | Causes the URL, Crossorigin handling, and Integrity Data Definition fields to display. |
File
| Note |
|---|
Only displayed when Type is set to ‘Asset’. |
...
Use the asset chooser to select the desired CSS file in your Cascade site.
URL, Crossorigin handling, and Integrity
| Note |
|---|
Only displayed when Type is set to ‘URL’. |
...
Enter the full URL of the CSS file in the URL text field. Some websites also provide integrity and crossorigin attribute values with their hosted files.
| Code Block |
|---|
<link .... crossorgin=”....” integrity=”....” /> |
Use the Crossorigin handling and Integrity fields to provide the respective values.