Skip to content
dzoladz edited this page Sep 28, 2021 · 1 revision

Making changes to site CSS

Site uses Bootstrap 3.3.5 and SCSS.

SCSS partials are found in /assets/_scss. Edit _variables.scss to override bootstrap defaults. You're encouraged to reuse those variables throughout the custom scss files. You should not edit anything in /assets/_scss/bootstrap as this represents the official boostrap-sass files.

Sponsor Badges

Use the following template for sponsor badges:

<svg alt="" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
    <use class="sponsor-badge <add-class>" xlink:href="/assets/img/badges/badges.svg#<badge-name>"></use>
</svg>

Where <badge-name> is one of the following:

  • trophy-badge
  • star-badge
  • thumbs-badge
  • medal-badge (with <add-class> = gold, silver, or bronze)

The container element (i.e., wrapper of <svg>), should have the style *position:relative (allows the svg to scale). Or use bootstrap column classes col-xs-*,col-sm-*, etc.

Edit the colors in /assets/css/main.scss under the SVGs header.