Welcome to CalState 2

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a blockquote: Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
-- Anonymous

Layout and Styles

  • Templates
    • Each sample component's page contains a list of the content types, paragraph types, views, and/or templates used in that component
    • Twig templates are located in *web/themes/custom/calstate2/templates/*
    • Twig debug and caching can be controlled in the settings.local.php file (*web/sites/default/*)
    • Page layout is defined in the page.html.twig template (*.../templates/layout/*)
    • HTML <head> references (including Google Fonts and Fontawesome) are defined in the html.html.twig template (*.../templates/layout/*)
  • Styles can be modified in three ways
    1. Modifying or adding to the SASS files in *.../calstate2/scss/* (Then recompiling by running ./compile or sass scss/style.scss css/style.css from *.../calstate2/*)
    2. Adding CSS to the custom.style.css file in *.../calstate2/assets/css/*
    3. Adding CSS with the Asset Injector module
  • Javascript can be added by either
    1. Adding javascript to the custom.script.js file in *.../calstate2/assets/js/*
    2. Adding javascript with the Asset Injector module