Skip to main content

Knappar


Exempel på knappar

Specifikationer

Egenskap

Beskrivning

Typsnitt

Proxima nova semibold

Typsnitt storlek Motsvarande 14px
Padding vänster-höger

Motsvarande 20px

Padding uppe-nere

Motsvarande 14px

Rambredd

1px

Mellanrum mellan knappar som ligger på rad
20px om inget annat anges
Primär knapp bakgrund
#006bb1
Primär knapp ramfärg
#006bb1
Primär knapp textfärg

#fff

Primär knapp bakgrund : hover
#1e3479
Primär knapp ramfärg: hover
#1e3479
Primär knapp textfärg: hover

#fff

Sekundär knapp bakgrund
#fff
Sekundär knapp ramfärg
#006bb1
Sekundär knapp textfärg

#006bb1

Sekundär knapp bakgrund : hover
#cce1ef
Sekundär knapp ramfärg: hover
#006bb1
Sekundär knapp textfärg: hover

#006bb1

Varningsknapp ramfärg
#e4352d
Varningsknapp textfärg

#e4352d

Varningsknapp bakgrund : hover
#fad7d5
Varningsknapp ramfärg: hover
#e4352d
Varningsknapp textfärg: hover

#e4352d