UI Kit
Section Themes
listen/heard on air in dark
find hope/prayer/advertise in blue
donate/events/about/contact in grey
Page Headings
Modules > Basic > Heading/Text Editor
Page Titledisplay-2 h1
Block/CTA Titledisplay-5 h1
Alternate Page Titlefont-bringshoot-1
Alternate Block/CTA Titlefont-bringshoot-3
Post Titledisplay-5 h1 mb-0
Post Datefs-3 fw-bolder text-primary
Archive Post Titlefs-3 fw-bold h1
Archive Post Datefs-6 fw-bolder text-primary
Header h2 Title<h2 class="fs-2 fw-bold h1">
Header h3 Title<h3 class="fs-3 fw-bold h1">
Header h4 Title<h4 class="fs-4 fw-bold h1">
Header h5 Title<h5 class="fs-5 fw-bold h1">
Header h6 Title<h6 class="fs-6 fw-bold h1">
<h5 class="fs-5 fw-bold h1">
Header h6 Title<h6 class="fs-6 fw-bold h1">
Row
Rows
Row max width @1600px
Row X-Padding @0px
Row Y-Padding @32px
Container
Rows > Saved Rows > Content > Container: No Shadow
Padding @48pxp-5
Reactive Paddingp-3 p-md-5
Shadow blur@40px spread@-8px Global: Secondary
Container w/ Shadow
Rows > Saved Rows > Content > Container: Shadow
Padding @48pxp-5
Reactive Paddingp-3 p-md-5
Shadow blur@40px spread@-8px Global: Secondary
Container
Modules > Box > Flex Column
Margins/Padding @24pxp-4
Reactive Paddingp-3 p-md-4
Container
Modules > Box > Flex Column
Margins/Padding @16pxp-3
Generic Image
Modules > UCB Custom > Generic Image
Shadow style:
box-shadow: 0px 0px 40px -8px var(--fl-global-color-secondary);
box-shadow: 0px 0px 40px -8px var(--fl-global-color-primary);
box-shadow: 0px 0px 40px -8px var(--fl-global-color-accent);
Buttons
Modules > UCB Custom > Generic Link
Primarybtn btn-primary
Secondarybtn btn-secondary
Accentbtn btn-accent
Primarybtn btn-primary shadow-primary
Secondarybtn btn-secondary shadow-secondary
Accentbtn btn-accent shadow-accent
Primarybtn btn-primary btn-lg
Primarybtn btn-primary btn-sm