Styling

Typography

.nk-font--light

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque animi earum totam similique ex maxime iure, pariatur repudiandae temporibus voluptatem!

.nk-font--regular

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque animi earum totam similique ex maxime iure, pariatur repudiandae temporibus voluptatem!

.nk-font--bold

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque animi earum totam similique ex maxime iure, pariatur repudiandae temporibus voluptatem!

Variable fonts

Here some types (open source) you can import in your project to use with variable fonts:

Montserrat

Ilargiak erakusten duen aurpegiaren aurrean eskatzen diet oihukatuz izar galduei

376KB Github

Background

.nk-bg--k-1
.nk-bg--k-2
.nk-bg--k-3
.nk-bg--k-4
.nk-bg--k-5
.nk-bg--k-6
.nk-bg--k-7
.nk-bg--k-8
.nk-bg--k-9
.nk-bg--k-10
.nk-bg--color
.nk-bg--c
.nk-bg--c-lighter
.nk-bg--m
.nk-bg--y

Filters

Greyscale

Blend mode

The blend mode defines the formula that must be used to mix the colors with the backdrop.

mix-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge |color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity

Normal
.nk-blend--multiply
.nk-blend--screen
.nk-blend--overlay
.nk-blend--darken
.nk-blend--lighten
.nk-blend--color-dodge
.nk-blend--color-burn
.nk-blend--hard-light
.nk-blend--soft-light
.nk-blend--difference
.nk-blend--exclusion
.nk-blend--hue
.nk-blend--saturation
.nk-blend--color
.nk-blend--luminosity
unsplash-logo Hải Bùi

Motion

Shapes

Circle

Heart