<commit_before>/*
Färg

Använd KB’s färgpalett. Behöver tjänsten egna färger glöm ej att de måste vara anpassade för webben och kontrastrika ur tillgänglighetsaspekt.

Färgkontrasten för text och interaktiva element ska följa [W3C’s standard](http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html).

Styleguide 4.
*/

/*
Paletter

Det finns fyra färgsviter att välja mellan: Glad, Glad dämpad, Pastell och Pastell dämpad. Färgsviterna är uppdelade i två familjer: Gladfamiljen och Pastellfamiljen. Om man behöver fler färgkombinationer går det bra att kombinera färger inom respektive familj, men ej däremellan. Färger med stark accent används med fördel på mindre partier som ikoner eller citattecken, ej på stora ytor. Gråskalan går att kombinera med alla färgpaletter. Färger på knapparna är **konstanta**, se under [knappar](/frontend-guide/section-8.html).

För att underlätta användandet av färgerna kan man använda sig av ett par hjälpklasser som fungerar på följande vis:

- .bg-[färg] (t ex .bg-happy-blue) Sätter färgen som bakgrund
- .text-[färg] (t ex .text-happy-blue) Sätter färgen som text och tvingar även länkar att vara den färgen

Styleguide 4.1.
*/

/*
Palett: Glad

Dessa färger får kombineras med färgerna i **Palett: Glad dämpad** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-happy-blue">happy-blue</div>
<div class="color-box auto-color-text bg-happy-magenta">happy-magenta</div>
<div class="color-box auto-color-text bg-happy-green">happy-green</div>
<div class="color-box auto-color-text bg-happy-desert">happy-desert</div>
<div class="color-box auto-color-text bg-happy-orange">happy-orange</div>

Styleguide 4.1.1
*/

/*
Palett: <NAME>

Dessa färger får kombineras med färgerna i **Palett: Glad** samt **Palett: Gråskala**.


Markup:
<div class="color-box auto-color-text bg-happy-muted-brown">happy-muted-brown</div>
<div class="color-box auto-color-text bg-happy-muted-desert">happy-muted-desert</div>
<div class="color-box auto-color-text bg-happy-muted-light-blue">happy-muted-light-blue</div>
<div class="color-box auto-color-text bg-happy-muted-magenta">happy-muted-magenta</div>
<div class="color-box auto-color-text bg-happy-muted-denim">happy-muted-denim</div>

Styleguide 4.1.2
*/

/*
Palett: Pastell

Dessa färger får kombineras med färgerna i **Palett: <NAME>ad** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-pastel-denim">pastel-denim</div>
<div class="color-box auto-color-text bg-pastel-pink">pastel-pink</div>
<div class="color-box auto-color-text bg-pastel-light-blue">pastel-light-blue</div>
<div class="color-box auto-color-text bg-pastel-desert">pastel-desert</div>
<div class="color-box auto-color-text bg-pastel-desert-darker">pastel-desert-darker</div>

Styleguide 4.1.3
*/

/*
Palett: <NAME>

Dessa färger får kombineras med färgerna i **Palett: Pastell** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-pastel-muted-purple">pastel-muted-purple</div>
<div class="color-box auto-color-text bg-pastel-muted-yellow">pastel-muted-yellow</div>
<div class="color-box auto-color-text bg-pastel-muted-pink">pastel-muted-pink</div>
<div class="color-box auto-color-text bg-pastel-muted-blue">pastel-muted-blue</div>
<div class="color-box auto-color-text bg-pastel-muted-denim">pastel-muted-denim</div>

Styleguide 4.1.4
*/

/*
Palett: Gråskala

Dessa färger får kombineras med färgerna i samtliga paletter.

Markup:
<div class="color-box auto-color-text bg-white subtleborder">white</div>
<div class="color-box auto-color-text bg-gray-lighter">gray-lighter</div>
<div class="color-box auto-color-text bg-gray-light">gray-light</div>
<div class="color-box auto-color-text bg-gray">grey</div>
<div class="color-box auto-color-text bg-gray-dark">gray-dark</div>
<div class="color-box auto-color-text bg-gray-darker">gray-darker</div>
<div class="color-box auto-color-text bg-black">black</div>

Styleguide 4.1.5
*/


/*<commit_msg>Wrong color name<commit_after>/*
Färg

Använd KB’s färgpalett. Behöver tjänsten egna färger glöm ej att de måste vara anpassade för webben och kontrastrika ur tillgänglighetsaspekt.

Färgkontrasten för text och interaktiva element ska följa [W3C’s standard](http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html).

Styleguide 4.
*/

/*
Paletter

Det finns fyra färgsviter att välja mellan: Glad, Glad dämpad, Pastell och Pastell dämpad. Färgsviterna är uppdelade i två familjer: Gladfamiljen och Pastellfamiljen. Om man behöver fler färgkombinationer går det bra att kombinera färger inom respektive familj, men ej däremellan. Färger med stark accent används med fördel på mindre partier som ikoner eller citattecken, ej på stora ytor. Gråskalan går att kombinera med alla färgpaletter. Färger på knapparna är **konstanta**, se under [knappar](/frontend-guide/section-8.html).

För att underlätta användandet av färgerna kan man använda sig av ett par hjälpklasser som fungerar på följande vis:

- .bg-[färg] (t ex .bg-happy-blue) Sätter färgen som bakgrund
- .text-[färg] (t ex .text-happy-blue) Sätter färgen som text och tvingar även länkar att vara den färgen

Styleguide 4.1.
*/

/*
Palett: Glad

Dessa färger får kombineras med färgerna i **Palett: <NAME>** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-happy-blue">happy-blue</div>
<div class="color-box auto-color-text bg-happy-magenta">happy-magenta</div>
<div class="color-box auto-color-text bg-happy-green">happy-green</div>
<div class="color-box auto-color-text bg-happy-desert">happy-desert</div>
<div class="color-box auto-color-text bg-happy-orange">happy-orange</div>

Styleguide 4.1.1
*/

/*
Palett: <NAME>

Dessa färger får kombineras med färgerna i **Palett: Glad** samt **Palett: Gråskala**.


Markup:
<div class="color-box auto-color-text bg-happy-muted-brown">happy-muted-brown</div>
<div class="color-box auto-color-text bg-happy-muted-desert">happy-muted-desert</div>
<div class="color-box auto-color-text bg-happy-muted-light-blue">happy-muted-light-blue</div>
<div class="color-box auto-color-text bg-happy-muted-magenta">happy-muted-magenta</div>
<div class="color-box auto-color-text bg-happy-muted-denim">happy-muted-denim</div>

Styleguide 4.1.2
*/

/*
Palett: Pastell

Dessa färger får kombineras med färgerna i **Palett: <NAME>** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-pastel-denim">pastel-denim</div>
<div class="color-box auto-color-text bg-pastel-pink">pastel-pink</div>
<div class="color-box auto-color-text bg-pastel-light-blue">pastel-light-blue</div>
<div class="color-box auto-color-text bg-pastel-desert">pastel-desert</div>
<div class="color-box auto-color-text bg-pastel-desert-darker">pastel-desert-darker</div>

Styleguide 4.1.3
*/

/*
Palett: <NAME>

Dessa färger får kombineras med färgerna i **Palett: Pastell** samt **Palett: Gråskala**.

Markup:
<div class="color-box auto-color-text bg-pastel-muted-purple">pastel-muted-purple</div>
<div class="color-box auto-color-text bg-pastel-muted-yellow">pastel-muted-yellow</div>
<div class="color-box auto-color-text bg-pastel-muted-pink">pastel-muted-pink</div>
<div class="color-box auto-color-text bg-pastel-muted-blue">pastel-muted-blue</div>
<div class="color-box auto-color-text bg-pastel-muted-denim">pastel-muted-denim</div>

Styleguide 4.1.4
*/

/*
Palett: Gråskala

Dessa färger får kombineras med färgerna i samtliga paletter.

Markup:
<div class="color-box auto-color-text bg-white subtleborder">white</div>
<div class="color-box auto-color-text bg-gray-lighter">gray-lighter</div>
<div class="color-box auto-color-text bg-gray-light">gray-light</div>
<div class="color-box auto-color-text bg-gray">gray</div>
<div class="color-box auto-color-text bg-gray-dark">gray-dark</div>
<div class="color-box auto-color-text bg-gray-darker">gray-darker</div>
<div class="color-box auto-color-text bg-black">black</div>

Styleguide 4.1.5
*/


/*
{'fraction_non_alphanumeric': 0.1442548921224285, 'fraction_numerical': 0.00577019568489714, 'mean_word_length': 4.932291666666667, 'pattern_counts': {'":': 0, '<': 118, '<?xml version=': 0, '>': 118, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2835872', 'n_tokens_mistral': 3270, 'n_tokens_neox': 3120, 'n_words': 691}