diff --git a/i18n/_sv-se.yml b/i18n/_sv-se.yml
deleted file mode 100644
index 710b644f..00000000
--- a/i18n/_sv-se.yml
+++ /dev/null
@@ -1,58 +0,0 @@
-title: Lista över dämpningsfunktioner
-description:
-  Gör dina animationer mer realistiska genom att välja rätt funktion.
-share:
-  Gör din animation mer naturlig med dämpningsfunktioner! Objekt i
-  den verkliga världen rör sig inte med en jämn hastighet, och startar
-  och stannar inte bara helt plötsligt. Den här sidan hjälper dig att
-  välja rätt dämpningsfunktion.
-
-about: !!format
-  ~Dämpningsfuktionerna~ (engelska "easing functions") kontrollerar
-  hur ett värde ändras över en viss tid.
-
-  I den verkliga världen rör sig saker och ting nästan aldrig med en
-  jämn hastighet. De startar och stannar heller inte helt plötsligt —
-  om du t.ex öppnar en byrålåda, drar du först snabbt och sedan långsammare
-  när lådan har kommit ut en bit. Släpper du en boll på golvet, kommer
-  den först öka hastigheten på väg neråt och sedan studsa tillbaks uppåt
-  när den träffat golvet.
-
-  Den här sidan är till för att hjälpa dig att välja rätt dämpningsfunktion.
-
-easings:
-  css: Tillgänglig överallt
-  js: Endast i JavaScript
-
-howtos:
-  name: dämpningens namn
-  curve: dämpningens Bezierkurva
-  js: !!code
-    jQuery med ^jQuery Easing Plugin^ är det enklaste sättet att beskriva
-    animationer med dämpning. Ange dämpningsfunktionens namn
-    (t.ex. "easeInCirc") som ".animate()"-funktionens tredje argument,
-    eller använd den som värde för alternativet "easing".
-  scss: !!code
-    Sass/SCSS kan också beskriva animationer. Compass använder inte prefixen
-    före "transition" och "animation", <nobr>och tillägget
-    ^Compass Ceaser^</nobr> låter dig referera till dämpningsfunktionerna
-    med deras namn (utan att behöva ange Bezierkurvan)
-  css: !!code
-    Med CSS kan du använda "transition" och "animation" för att välja
-    en dämpningsfunktion.
-  css_bad:
-    Tyvärr stödjer de inte alla sorters dämpningar, och då måste du ange den
-    dämpningsfunktion du vill använda manuellt (i form av en Bezierkurva)
-  css_help:
-    Välj en dämpningsfunktion för att visa en notation av Bezierkurvan.
-
-easing:
-  all_easings: Alla dämpningsfunktioner
-  no_css: !!code
-    Stöds inte i CSS. Du kan dock använda JavaScript, eller CSS med
-    regeln "@keyframes".
-  edit: ^Redigera^ på cubic-bezier.com.
-
-opensource:
-  title: öppen källkod
-  translate: Hjälp oss ^översätta^ sidan till ditt språk
diff --git a/i18n/sv-se.yml b/i18n/sv-se.yml
new file mode 100644
index 00000000..7befc881
--- /dev/null
+++ b/i18n/sv-se.yml
@@ -0,0 +1,77 @@
+version: 2
+lang_code: sv
+lang_name: Svenska
+rtl: false
+
+title: Lättnadsfunktioner
+description:
+  Gör animationer mer realistiska genom att välja rätt lättnadsfunktion.
+share:
+  Lättringsfunktioner anger hastigheten på animeringen
+  för att göra rörelsen mer naturlig. Verkliga föremål rör sig inte bara
+  med konstant hastighet och startar och stannar inte på ett ögonblick.
+  Den här sidan hjälper dig att välja rätt lättnadsfunktion.
+
+about: __format
+  ~~Lättningsfunktioner~~ anger förändringshastigheten för en parameter
+  över tid.
+
+  Objekt i verkliga livet startar och stannar inte bara direkt, och nästan aldrig
+  rör sig med en konstant hastighet. När vi öppnar en låda flyttar vi först den snabbt,
+  och sen sakta ner den när den kommer ut. Släpp något på golvet och det kommer först accelerera
+  nedåt och studsar sedan upp igen efter att ha träffat golvet.
+
+  Den här sidan hjälper dig att välja rätt lättnadsfunktion.
+
+howtos:
+  css:
+    text: I CSS låter övergångs- och animeringsegenskaperna dig att ange en lättnadsfunktion.
+    edit: Redigera på ^cubic-bezier.com^.
+    with_animation: I CSS kan den här funktionen implementeras med {{@keyframes}}
+    example_size: Storlek
+    example_position: Position
+    example_opacity: Genomskinlighet
+
+  postcss:
+    text:
+      I PostCSS är lättnadsfunktionen mycket lättare att beskriva.
+      Det finns ett plugin ^postcss-easings^ som tar övergångsinformationen från den platsen.
+    explanation: Deklarationen konverteras till den som beskrivs ovan.
+    disabled:
+      Tyvärr kan lättnadsfunktionen inte ställas in med något PostCSS-plugin.
+      Kan göras med {{@keyframes}}, se ovan.
+
+  gradient:
+    name: Gradient
+    text: Det är möjligt att rita en gradient med ^postcss-easing-gradients^.
+
+  mathfunction:
+    name: Matematisk funktion
+    text:
+      Nedan ser du koden för denna lättnadsfunktion skriven i TypeScript.
+      Variabeln x representerar animeringens absoluta progressionen inom
+      gränserna 0 (animeringens början) och 1 (animeringens slut).
+
+easing:
+  all_easings: Alla lättnader
+  check: Kontrollera lättnad för ändringar
+  check_size: Storlekar
+  check_position: Positioner
+  check_opacity: Genomskinligheter
+  current_func: Denna funktion
+  linear_func: Linjär funktion
+  load: Laddar...
+
+opensource:
+  title: Öppen källkod
+  translate: Hjälp till att översätta webbplatsen till ditt språk
+
+authors:
+  sitnik: Andrey Sitnik
+  separator: och
+  solovev: Ivan Solovev
+
+theme:
+  auto: Autotema
+  light: Ljust tema
+  dark: Mörkt tema