Add .bloom-text-for-css to enable text-sensitive CSS rules.
Add .bloom-text-for-css to enable text-sensitive CSS rules.

CSS normally can't get at the text in order to, for example, show something different if it is empty.
With this, you can add .bloom-needs-data-text to a bloom-translationGroup in order to get
its child bloom-editable's to have data-texts attributes and then write css rules like this one, which shows a word-breaking symbol only if the prefix isn't empty:
    .prefix .bloom-editable:not([data-text=""]):after{ content:'-';  }

andrew-polk/BloomDesktop,gmartin7/myBloomFork,JohnThomson/BloomDesktop,andrew-polk/BloomDesktop,StephenMcConnel/BloomDesktop,andrew-polk/BloomDesktop,JohnThomson/BloomDesktop,BloomBooks/BloomDesktop,gmartin7/myBloomFork,JohnThomson/BloomDesktop,andrew-polk/BloomDesktop,gmartin7/myBloomFork,BloomBooks/BloomDesktop,StephenMcConnel/BloomDesktop,JohnThomson/BloomDesktop,JohnThomson/BloomDesktop,andrew-polk/BloomDesktop,BloomBooks/BloomDesktop,gmartin7/myBloomFork,gmartin7/myBloomFork,andrew-polk/BloomDesktop,StephenMcConnel/BloomDesktop,StephenMcConnel/BloomDesktop,StephenMcConnel/BloomDesktop,StephenMcConnel/BloomDesktop,gmartin7/myBloomFork,BloomBooks/BloomDesktop,BloomBooks/BloomDesktop,BloomBooks/BloomDesktop