vk-type v1.0.3

vk-type

A bundled version of the typography of de Volkskrant's Kijk Verder department. It consists of various sass files, and a few Vue components.

Working on vk-type

To test/work on the typography, just clone this repo, install (yarn install or npm install) and run a dev server (yarn dev or npm run dev).

Toggle the label button to see which element is which in the view.

How do I import the styles?

You can import all typography by importing the main stylesheet from the node_modules folder (@import <PATH>/node_modules/vk-type/css/style). You can also import separate modules, but this is not recommended because of internal dependencies.

And what about the components?

In the library, there are several typographic components available. At the moment these are:

A blockquote element with a custom icon, pass the text through the text property.

A component featuring eight different <h3> styles. Choose a style through the variant property. Depending on the sublabel type, you can pass number, label, text and text_align properties. See the test page and the component for more details.