Getting Started
- Policygen-rails
- Policygen-js
Customization
- Styling your policies
Configuration
- Configuring your policies
Styling your policies
Custom CSS
/* The outmost container class */
.policygen-container {
}
/* The h1 header class */
.policygen-h1 {
}
/* The h2 header class */
.policygen-h2 {
}
/* The h3 header class */
.policygen-h3 {
}
/* The section class, break/margin between each section of the policy */
.policygen-section {
}
/* Body text, the paragraph text within each section */
.policygen-body-text {
}
/* Unordered lists */
.policygen-ul {
}
/* Ordered list */
.policygen-ol {
}
/* Bold paragraph class */
.policygen-bold {
}
/* Link class, remember to have a hover on this class */
.policygen-link {
}
Tailwindcss
If you're using Tailwindcss as your css framework you can set the classes used for certain components
config.tailwind_config = {
heading_color: "text-gray-900",
body_color: "text-gray-800",
link_color: "text-blue-500 hover:text-blue-700"
}