See how HR Service Delivery completes your tech stack
Get the Fosway Group ReportTake Care of Your Employees and Minimize Business Disruptions
Download the Business Continuity OverviewSee How PeopleDoc Customers Remain in Compliance Globally
Learn More About HR Compliance AssistEverything HR Needs to Deliver Better Employee Service
Learn more about HR Service Delivery SolutionsEnvision PeopleDoc for Your Team
Try it nowNOTE: The following CSS selectors will not work in emails.
Colors
white
black
blue
navy
green
orange
turquoise
default
lightgrey
midgrey
darkgrey
lightblue
darkblue
middleblue
purple
yellow
opaque
Usage
CSS Class |
Description |
.color--$color
|
Overrides text color of object |
.background--$color |
Applies specified background color to element |
Headings
H1 - Page Header
H2 - Section Header
H3 - Page or Section Subheader
H4 - Content Header
H5 - Content Subheader
H6 - Content Subheader
P - Paragraph Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dolor ipsum, cursus vitae dapibus sit amet, tristique vitae mi. Mauris eros magna, aliquam a faucibus at, gravida vel dui. Quisque sit amet dapibus libero. Integer quis nisi non arcu lobortis sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dolor ipsum, cursus vitae dapibus sit amet, tristique vitae mi. Mauris eros magna, aliquam a faucibus at, gravida vel dui. Quisque sit amet dapibus libero. Integer quis nisi non arcu lobortis sodales.
Button Colors
middleblue
btn btn--middleblue
middleblue
btn btn--transparent--middleblue
Button Modifiers
Narrow Button btn btn--wide btn--$color
Wide Button btn btn--wide btn--$color
Large Button btn btn--large btn--$color
Small Button btn btn--small btn--$color
Pill Button btn btn--pill btn--$color
Additional Modifiers
CSS Class |
Description |
.all--$selector |
Prepend any of the "btn" CSS clases with "all--" to apply their styles to HubSpot CTAs or HubSpot form submit buttons within the selector. Use this when CSS selectors cannot be directly applied to the desired element. (Example: Apply class "all--btn all--btn--orange" to an element which contains a HubSpot form to make the form's submit button into an orange button.) |