...
When you create custom classes, there is a chance that the class names you use will match class names used by the template. In such a case, styling collisions will occur, resulting in unexpected results. To guard against this, it is best to namespace your classes by prefixing them with something unique. For example, customizations created by the Division of Finance and Administration can use the prefix “dfa-” to create class names such as “dfa-wrapper”. There is a very low chance that the template will define any classes with at a dfa prefix, so the likelihood of style collisions is also very low.
...
| Code Block |
|---|
margin-right: var(--gutter-width); |
→ More: Custom properties on MDN
There are many properties available with some properties and categories described here. A full list of properties can be found using your browser’s inspector.
...
Property | What this is |
|---|---|
--border-radius | Specifies the standard border radius. |
--transition-duration | Specifies the standard duration for css transistionstransitions. |
--gutter-width | The gutter width applied between widgets. |
...