MonorailCss

Content

Utilities for controlling the content of the before and after pseudo-elements.

Class CSS Output
content-none 
--tw-content: none;
content: none;
}
content-['Hello'] 
--tw-content: 'Hello';
content: var(--tw-content);
}
content-['★'] 
--tw-content: '★';
content: var(--tw-content);
}
content-[attr(data-content)] 
--tw-content: attr(data-content);
content: var(--tw-content);
}
content-[url('/icon.svg')] 
--tw-content: url('/icon.svg');
content: var(--tw-content);
}

content-none

--tw-content: none;
content: none;

content-['Hello']

--tw-content: 'Hello';
content: var(--tw-content);

content-['★']

--tw-content: '★';
content: var(--tw-content);

content-[attr(data-content)]

--tw-content: attr(data-content);
content: var(--tw-content);

content-[url('/icon.svg')]

--tw-content: url('/icon.svg');
content: var(--tw-content);

Reference

content MDN ↗

CSS Properties

  • content