When referencing a button icon in the documentation, the Google Developer Documentation Style Guide recommends placing the icon inline with the text, immediately followed by the name of the button in bold.
<span class="material-icons" aria-hidden="true" translate="no">more_vert</span> <b>Settings and utilities</b>
To achieve this in AsciiDoc, you'd use the following syntax:
[.material-icons]#more_vert# *Settings and utilities*
<span class="material-icons">more_vert</span> <strong>Settings and utilities</strong>
However, with our current UI, this results in the bold text having a different color than the icon, which diminishes the icon:
Ideally, the icon and the name of the icon should be the same color, e.g.
(See discussion for background on the style discussions related to this issue.)
When referencing a button icon in the documentation, the Google Developer Documentation Style Guide recommends placing the icon inline with the text, immediately followed by the name of the button in bold.
To achieve this in AsciiDoc, you'd use the following syntax:
However, with our current UI, this results in the bold text having a different color than the icon, which diminishes the icon:
Ideally, the icon and the name of the icon should be the same color, e.g.
(See discussion for background on the style discussions related to this issue.)