Typography
Display different font size and font family going to be used in the theme
This is typed in H0 (Hero Title)
This is typed in H1
This is typed in H2
This is typed in H3
This is typed in H3
This is typed in H3
This is body
This is small body This is a tagfonts
Add according to usage
Primary tw-font
Theme font weights
font Weights 400
font Weights 500
font Weights 700
Buttons
Add button design here
Class to use
.button--primary
Class to use
.button--secondary
Classes to use
.button--primary .button--atc .button--full-width
Add button disabled Style
Attibutes can be use
disabled
Class can be use
.button--secondary.disabled
Add button light design here
Class to use
.button--primary--light
Class to use
.button--secondary--light
Colors
Few colors are already available out of the box check here for more
Orange
.tw-bg-orange-700for the orange
Lime
.tw-bg-lime-500for the lime
Cyan
.tw-bg-cyan-500for the cyan
Fuchsia
.tw-bg-fuchsia-600for the fuchsia
Custom Colors can be added through the tailwind.config.js below are example
Primary
.tw-bg-primaryfor the inharmony primary
Secondary
.tw-bg-secondaryfor the inharmony secondary
Off White
.tw-bg-off-whitefor the inharmony off white
inharmony Black
.tw-bg-inharmony-blackfor the inharmony black
inharmony Black Light
.tw-bg-inharmony-black-lightfor the inharmony black light
Accordions
How does my subscription work ?
How does my subscription work ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut placerat nisi. Aenean quis auctor est. Integer lacinia consequat ex sit amet bibendum. Nam iaculis libero dolor, non porttitor metus aliquam vitae.
How do i edit what’s in my plan ?
How do i edit what’s in my plan ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut placerat nisi. Aenean quis auctor est. Integer lacinia consequat ex sit amet bibendum. Nam iaculis libero dolor, non porttitor metus aliquam vitae.
Can i change my next delivery date
Can i change my next delivery date
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut placerat nisi. Aenean quis auctor est. Integer lacinia consequat ex sit amet bibendum. Nam iaculis libero dolor, non porttitor metus aliquam vitae.