@gemeentenijmegen/semantic-html
v0.0.2-alpha.68
Published
Default html element styling for the gemeente Nijmegen design system
Keywords
Readme
Nijmegen Semantic HTML elements
The Nijmegen Semantic HTML elements package contain a small subset of the CSS components, for components that occur in regular HTML pages with semantic HTML. You can apply the nijmegen-html class name to your page, and any semantic HTML will be styled automatically. This can be helpful to style HTML content from a CMS, for example.
Install
npm install --save-dev --save-exact @gemeentenijmegen/semantic-htmlUsage
<!doctype html>
<html lang="nl">
<head>
<title>Example page</title>
<link rel="stylesheet" href="node_modules/@gemeentenijmegen/design-tokens/dist/index.css'" />
<link rel="stylesheet" href="node_modules/@gemeentenijmegen/font/dist/index.css'" />
<link rel="stylesheet" href="node_modules/@gemeentenijmegen/semantic-html/dist/index.css" />
<script src="node_modules/@gemeentenijmegen/semantic-html/dist/index.js"></script>
</head>
<body class="nijmegen-html">
<h1>Home</h1>
<p>Hello, world!</p>
</body>
</html>