|
|
[[_TOC_]]
|
|
|
|
|
|
# Scope and Objectives
|
|
|
|
|
|
This page aims to start documenting and define visual elements used in newer CiviCRM extensions (api4, afform, search, formbuilder, mosaico).
|
|
|
|
|
|
The end result would be to create a set of CSS files shipped with core that would avoid any dependency on Bootstrap.
|
|
|
|
|
|
Background: Collateral from [PR 17775](https://github.com/civicrm/civicrm-core/pull/17775)
|
|
|
|
|
|
# CSS classes currently used
|
|
|
|
|
|
From afform:
|
|
|
|
|
|
* pull-right, pull-left
|
|
|
* btn, brn-xs, btn-default, btn-success, btn-danger, btn-danger-outline, btn-success-outline, btn-group, btn-group-sm, btn-default, dropdown-toggle
|
|
|
* buttons (not sure if bootstrap?)
|
|
|
* form-control, form-inline, input-group, input-group-btn,
|
|
|
* dropdown, dropdown-menu,
|
|
|
* alert, alert-info, alert-warning
|
|
|
* panel, panel-default, panel-heading
|
|
|
* badge, badge-info
|
|
|
|
|
|
CiviCRM classics:
|
|
|
|
|
|
* crm-i
|
|
|
* crm-marker
|
|
|
* crm-collapsible
|
|
|
* messages warning no-popup collapse (unsure if core classic?)
|
|
|
|
|
|
Specific in the 'search' extension, with aim for re-usability:
|
|
|
|
|
|
* crm-flex-box
|
|
|
* crm-flex-2 |
|
|
\ No newline at end of file |