UI Components / Typography

The following patterns have been developed to be both fully-extensible and provide the best possible rendering & copy flow in the largest number of contexts possible.

Add a selector of .crds-list to get sane defaults on any list element...

  • Receive one-on-one prayer after the weekend service. Simply stay in your seat after the service is over, and a member of our Prayer Team will ask to pray with you.
  • Schedule a listening appointment. During this hour long session, a member of our Pastoral Care team will listen to you and provide a safe place to process whatever you’re going through. If you’d like them to, they are also able to pray for you during that session.
  • Join the Prayer Team. If you have a heart for prayer, are actively following Jesus and have served somewhere at Crossroads for at least six months, we’d love to talk to you about joining the Prayer Team.
  • Learn more about prayer. Prayer is more than just putting the right words together. It’s about having a relationship with God.
<ul class="crds-list">
  <li>Receive one-on-one prayer after the weekend service. Simply stay in your seat after the service is over, and a member of our Prayer Team will ask to pray with you.</li>
  <li>Schedule a listening appointment. During this hour long session, a member of our Pastoral Care team will listen to you and provide a safe place to process whatever you’re going through. If you’d like them to, they are also able to pray for you during that session. </li>
  <li>Join the Prayer Team. If you have a heart for prayer, are actively following Jesus and have served somewhere at Crossroads for at least six months, we’d love to talk to you about joining the Prayer Team. </li>
  <li>Learn more about prayer. Prayer is more than just putting the right words together. It’s about having a relationship with God.   </li>
</ul>
  1. Receive one-on-one prayer after the weekend service. Simply stay in your seat after the service is over, and a member of our Prayer Team will ask to pray with you.
  2. Schedule a listening appointment. During this hour long session, a member of our Pastoral Care team will listen to you and provide a safe place to process whatever you’re going through. If you’d like them to, they are also able to pray for you during that session.
  3. Join the Prayer Team. If you have a heart for prayer, are actively following Jesus and have served somewhere at Crossroads for at least six months, we’d love to talk to you about joining the Prayer Team.
  4. Learn more about prayer. Prayer is more than just putting the right words together. It’s about having a relationship with God.
<ol class="crds-list">
  <li>Receive one-on-one prayer after the weekend service. Simply stay in your seat after the service is over, and a member of our Prayer Team will ask to pray with you.</li>
  <li>Schedule a listening appointment. During this hour long session, a member of our Pastoral Care team will listen to you and provide a safe place to process whatever you’re going through. If you’d like them to, they are also able to pray for you during that session. </li>
  <li>Join the Prayer Team. If you have a heart for prayer, are actively following Jesus and have served somewhere at Crossroads for at least six months, we’d love to talk to you about joining the Prayer Team. </li>
  <li>Learn more about prayer. Prayer is more than just putting the right words together. It’s about having a relationship with God.   </li>
</ol>

Definitions

The .crds-list selector also supports definition lists in the following manner...

Grace
The free and unmerited favor of God, as manifested in the salvation of sinners and the bestowal of blessings
Truth
Sincerity in action, character, and utterance
Time
The measured or measurable period during which an action, process, or condition exists or continues
<dl class="crds-list">
  <dt>Grace</dt>
  <dd>The free and unmerited favor of God, as manifested in the salvation of sinners and the bestowal of blessings</dd>
  <dt>Truth</dt>
  <dd>Sincerity in action, character, and utterance</dd>
  <dt>Time</dt>
  <dd>The measured or measurable period during which an action, process, or condition exists or continues </dd>
</dl>