j.foucher
094fdbea51
The em-dash prefix on list items felt typographic but unbranded. Now each
list item gets a 3px-wide gold vertical bar on the left, evoking a tactical
breadcrumb. Implementation :
- Builders (av_build_list_section in _av-bricks-shared.php +
av_build_form_two_col promise list in av-generate-forms.php) emit clean
text without the '— ' prefix, and set _cssClasses = 'av-list-item'
- New mu-plugin av-list-bullet-style.php injects CSS via wp_head() :
.av-list-item { position: relative; padding-left: 0.9rem; }
.av-list-item::before { gold bar, 3px × 1.1em, aligned to first line }
Regen all sections (industries, solutions, technology, editorial, forms,
home) to switch existing pages to the new style.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
35 lines
1.1 KiB
PHP
35 lines
1.1 KiB
PHP
<?php
|
|
/**
|
|
* Plugin Name: Asterion — Vertical gold bullet for list items
|
|
* Description: Replaces the "— " dash prefix with a strong vertical gold bar
|
|
* accent (3px wide) on the left of each item. Pure CSS via wp_head().
|
|
* Items must have the class `av-list-item` (set by av_build_list_section
|
|
* in _av-bricks-shared.php).
|
|
*/
|
|
defined('ABSPATH') || exit;
|
|
|
|
add_action('wp_head', function () {
|
|
?>
|
|
<style id="av-list-bullet">
|
|
/* Each list item gets a vertical gold bar on the left, like a tactical
|
|
breadcrumb on a UI. Pure CSS, no extra DOM. */
|
|
/* class order in rendered HTML is "brxe-text-basic av-list-item" — selector
|
|
works either way (CSS class ordering doesn't matter), kept simple. */
|
|
.av-list-item {
|
|
position: relative;
|
|
padding-left: 0.9rem;
|
|
}
|
|
.av-list-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.35em; /* aligns with first line baseline */
|
|
width: 3px;
|
|
height: 1.1em;
|
|
background: var(--color-brand-gold, #C9A45A);
|
|
border-radius: 1.5px;
|
|
}
|
|
</style>
|
|
<?php
|
|
}, 999);
|