Skip to content

Ssstyles › Headline

A simple style system • v1.2.1

Source

The headline component will style the anchor link in front of a headline. The link needs to be the first direct child of the headline.

You need to import the CSS file and assign the data attribute to use it.

@import "ssstyles/css/headline.css" layer(components);
<h1><a href="#headline1" id="headline1">#</a> Headline 1</h1>
<h1><a href="#headline2" id="headline2">#</a> Headline 2</h1>
<h1><a href="#headline3" id="headline3">#</a> Headline 3</h1>
<h1><a href="#headline4" id="headline4">#</a> Headline 4</h1>
<h1><a href="#headline5" id="headline5">#</a> Headline 5</h1>
<h1><a href="#headline6" id="headline6">#</a> Headline 6</h1>

# Headline 1

# Headline 2

# Headline 3

# Headline 4

# Headline 5
# Headline 6