Svenska partier ikoner

Litet test för att styla ikoner för svenska partier

by borsna

HTML

<span class="badge party-fi">FI</span>
<span class="badge party-v">V</span>
<span class="badge party-s">S</span>
<span class="badge party-mp">MP</span>
<span class="badge party-c">C</span>
<span class="badge party-l">L</span>
<span class="badge party-kd">KD</span>
<span class="badge party-m">M</span>
<span class="badge party-sd">SD</span>

CSS

.badge{
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-family:verdana;
  margin: 0.1rem;
}

/*
m	Moderaterna
*/

.party-m{
  background: #1B49DD;
  color: white;
}


/*
c	Centerpartiet
*/
.party-c{
  background: #009933;
  color: white;
}


/*
l	Liberalerna
fp	Folkpartiet
boa	Borgerligt Alternativ
*/
.party-l,
.party-fp,
.party-boa{
  background: #6BB7EC;
  color: white;
}


/*
kd	Kristdemokraterna
*/
.party-kd{
  background: #231977;
  color: white;
}


/*
mp	Miljöpartiet
hkv	Hisingens Kommunala Väljare
pmm	Partiet för miljöskydd och medbestämmande
*/
.party-mp,
.party-hkv,
.party-pmm{ 
  background: #83CF39;
  color: white;
}


/*
s	Socialdemokraterna
*/
.party-s{
  background: #EE2020;
  color: white;
}


/*
v	Vänsterpartiet
*/
.party-v{
    background: #AF0000;
    color: white;
}


/*
al	Arbetarlistan
ap	Arbetarpartiet
kp	Kommunistiska Partiet
rs	Rättvisepartiet Socialisterna
soc	Socialistiska Partiet
stor	Storforsbygdens Väl
*/
.party-al,
.party-ap,
.party-kp,
.party-rs,
.party-soc,
.party-stor{
  background: #990000;
  color: white;
}


/*
sd	Sverigedemokraterna
alp	Allianspartiet
*/
.party-sd,
.party-alp{
  background: #DDDD00;
  color: white;
}


/*
nd	Nationaldemokraterna
*/
.party-nd{
  background: #FF9900;
  color: white;
}


/*
pp	Piratpartiet
*/
.party-pp{
  background: #572B85;
  color: white;
}


/*
spi	Sveriges Pensionärers Intresseparti
*/
.party-spi{
  background: #FFFF99;
  color: black;
}


/*
bv	Burlövs Väl
h	Humlorna
kf	Kristianstadsbygdens Framtid
ns	Norrbottens Sjukvårdsparti
nyd	Ny Demokrati
sp	Samernas Väl
sv	Sjukvårdspartiet
svp	Svenskarnas parti
*/
.party-bv,
.party-h,
.party-kf,
.party-ns,
.party-nyd,
.party-sp,
.party-sv,
.party-svp{
  background: yellow;
  color: black;
}


/*
alt	Alvesta Alternativet / Alternativet i Bromölla / Alternativet (Jokkmokks kommun) / Alternativet (Ljungby) / Alternativet i Markaryds kommun / Alternativet i...