Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Text highlight

Text highlight is for highlighting a piece of text content in a feed or article. It can be used to draw attention to the content.

.m-text-highlight
  .m-text-highlight__content
    %p
      Think about a song or piece of music that could be your desert island
      disc. - When did you first hear it? - Why is it important to you?
      What makes it special? - What do you think of when you hear it?

It can optionally include a link to a step.

.m-text-highlight
  .m-text-highlight__stepnumber
    %a{href:"#"}
      %span.a-stepnumber.a-stepnumber--dark 1.5
  .m-text-highlight__content
    %p
      Welcome to your study group! To get started, say hello to the other
      people in your group by leaving a comment here. You'll find the
      instructions for this week's Study Group task on Step 1.5.