StylePlayground ↬ Style Playground Home

This site is designed to help test and demonstrate the general styles being built for the newest version of the Tyndale website. There may be some newer styles added to the main code base that are not reflected here. Consider this a reasonable reference point.

Most of the documentation here will be moved over to the new website using the content type of "Documentation Page" and will be a more accurate demonstration of the styles.

Available Content

• Documentation:
  • Borders
  • Box Shadows
  • Colors
  • Flow Utility
  • General Utility Classes
  • Gradients
  • Grid-12 Examples
  • Grid Repeat Examples
  • HTML Default View
  • Icon Reference
  • Spacing Custom Properties and Utility Class Reference
  • Typography Custom Properties and Utility Class References
  • Wrapper Utility Classes
• Custom Properties and Default Values (depreciated)
• Changelog (historic)

---

This is a base site to use as a playground. You can also insert the main CSS file into a CodePen to have the base styles to work from.

add: https://style.tyndale.ws/css/style.css → CSS settings 
→ see https://codepen.io/youthpoint/pen/RwyMvOR as an example