Oletusfontit: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif. On sangen hauskaa, että polkupyörä on maanteiden jokapäiväinen ilmiö. The quick brown fox jumps over the lazy dog. Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 0123456789 /()-.?!

Brändifontit: toistaiseksi samat, ks. ohje.

• $background-color
  #fff
• $text-color
  #222
• $light-text-color
  #666
• $alt-background-color
  #222
• $alt-text-color
  #fff

• $highlight-color
  #0079c9
• $text-on-highlight
  #fff
• $accent-color
  #ddd
• $light-accent-color
  #f2f2f2

• $link-color
  #0079c9
• $visited-link-color
  #0061a1
• $selected-link-color
  #089dff

• ESM
  $brand-color
  #0079c9
• ESM
  $text-on-brand
  #fff

Grid: coming soon.

Media queryiden esittely/demo eli mitkä ovat breaking pointit.

H1 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H2 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H3 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H4 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H5 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H6 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H1 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H2 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H3 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H4 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H5 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

H6 Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun

Hallitusneuvotteluihin osallistuva perussuomalaisten kansanedustaja Toimi Kankaanniemi on lähettänyt seksuaalissävytteisiä viestejä ja suoria seksiehdotuksia useille naisille. Naiset asuvat eri puolilla Suomea. He ovat tai ovat olleet kytköksissä perussuomalaisiin.

Kankaanniemi on entinen kristillisen liiton puheenjohtaja, entinen ministeri ja presidenttiehdokas.

Strong tärkeän asian korostamiseen.

Emphasis painottamaan jotain asiaa.

Small vähäpätöisemmälle asialle.

Time kertoo ajan esim. joulukahveille.

Q lyhyelle lainaukselle.

Cite sitaatille.

Mark korostaa esim. hakusanoja.

Code koodille.

S tekstin yliviivaukseen.

Del poistetulle tekstille

Ins lisätylle tekstille.

Abbreviation HTML.

Superscript^®

Subscript H₂O.

Älä käytä vanhentuneita b, i tai u.

Hallitusneuvotteluihin osallistuva perussuomalaisten kansanedustaja Toimi Kankaanniemi on lähettänyt seksuaalissävytteisiä viestejä ja suoria seksiehdotuksia useille naisille. Naiset asuvat eri puolilla Suomea. He ovat tai ovat olleet kytköksissä perussuomalaisiin.

Kansanedustaja lähetti seksiviestejä vieraille naisille: suorasanaisia ehdotuksia kesken poliittisen keskustelun.

P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~

• Normaali lista, jossa asioiden järjestys ei ole merkityksellinen
• Listassa voi myös olla todella pitkä rivi, joka saattaa hyvinkin rivittyä näytön ja fontin koosta riippuen, ja tämä tulisi huomioida listan tyylejä suunnitellessa (tämä on esimerkki pitkästä rivistä)
• Lista voi myös olla toisen listan sisällä
  • Kuten tässä esimerkissä
  • Listassa voi myös olla todella pitkä rivi, joka saattaa hyvinkin rivittyä näytön ja fontin koosta riippuen, ja tämä tulisi huomioida listan tyylejä suunnitellessa (tämä on esimerkki pitkästä rivistä)
• Listan viimeinen kohta

1. Järjestyslista, jossa asioiden järjestyksellä on merkitystä
2. Listassa voi myös olla todella pitkä rivi, joka saattaa hyvinkin rivittyä näytön ja fontin koosta riippuen, ja tämä tulisi huomioida listan tyylejä suunnitellessa (tämä on esimerkki pitkästä rivistä)
3. Lista voi myös olla toisen listan sisällä
   1. Kuten tässä esimerkissä
   2. Listassa voi myös olla todella pitkä rivi, joka saattaa hyvinkin rivittyä näytön ja fontin koosta riippuen, ja tämä tulisi huomioida listan tyylejä suunnitellessa (tämä on esimerkki pitkästä rivistä)
4. Listan viimeinen kohta

Määritelmälista

Lista, jossa on asioita ja niiden määritelmiä.

Sana, joka voi myös olla pitkähkö

Määritelmä, joka saattaa hyvinkin rivittyä näytön ja fontin koosta riippuen, ja tämä tulisi huomioida listan tyylejä suunnitellessa (tämä on esimerkki pitkästä määritelmästä)