chore: rename css skyline (#44211)

* chore: rename files

* chore: update codebase

* chore: proper title case

* chore: block name

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

client/i18n/locales/chinese-traditional/intro.json

@@ -85,7 +85,7 @@
           "在這個課程中，你將使用 CSS 以 Rothko 的風格創作自己的畫。你將使用你已經實踐過的許多技能，以及新的 CSS 工具，如模糊和變換。"
         ]
       },
-      "css-variables-skyline": {
+      "learn-css-variables-by-building-a-city-skyline": {
         "title": "CSS 變量 Skyline",
         "intro": [
           "",

client/i18n/locales/chinese/intro.json

@@ -85,7 +85,7 @@
           "在这个课程中，你将使用 CSS 以 Rothko 的风格创作自己的画。你将使用你已经实践过的许多技能，以及新的 CSS 工具，如模糊和变换。"
         ]
       },
-      "css-variables-skyline": {
+      "learn-css-variables-by-building-a-city-skyline": {
         "title": "CSS 变量 Skyline",
         "intro": [
           "",

client/i18n/locales/english/intro.json

@@ -79,8 +79,8 @@
           "In this lesson, you will be using CSS to create your own painting in Rothko's style. You will use many of the skills you have already been practicing, as well as new CSS tool such as blur and transform."
         ]
       },
-      "css-variables-skyline": {
-        "title": "CSS Variables Skyline",
+      "learn-css-variables-by-building-a-city-skyline": {
+        "title": "Learn CSS Variables by Building a City Skyline",
         "intro": ["", ""]
       },
       "learn-html-forms-by-building-a-registration-form": { "title": "Learn HTML Forms by Building a Registration Form", "intro": ["", ""] },

client/i18n/locales/espanol/intro.json

@@ -85,7 +85,7 @@
           "En esta lección, usarás CSS para crear tu propia pintura al estilo de Rothko. Utilizarás muchas de las habilidades que ya has estado practicando, así como nuevas herramientas CSS como el desenfoque y la transformación."
         ]
       },
-      "css-variables-skyline": {
+      "learn-css-variables-by-building-a-city-skyline": {
         "title": "Skyline variables de CSS",
         "intro": [
           "",

client/i18n/locales/italian/intro.json

@@ -85,7 +85,7 @@
           "In questa lezione, userai CSS per creare il tuo dipinto nello stile di Rothko. Potrai utilizzare molte delle abilità che hai già praticato, così come i nuovi strumenti CSS tipo sfocatura e trasformazione."
         ]
       },
-      "css-variables-skyline": {
+      "learn-css-variables-by-building-a-city-skyline": {
         "title": "Variabili CSS: Skyline",
         "intro": [
           "",

client/i18n/locales/portuguese/intro.json

@@ -85,7 +85,7 @@
           "Nesta lição, você usará o CSS para criar sua própria pintura no estilo de Rothko. Você usará muitas das habilidades que você já está praticando, bem como novas ferramentas do CSS como o desfoque (blur) e a transformação (transform)."
         ]
       },
-      "css-variables-skyline": {
+      "learn-css-variables-by-building-a-city-skyline": {
         "title": "Horizonte com variáveis de CSS",
         "intro": [
           "",

client/src/pages/learn/responsive-web-design/css-variables-skyline/index.md

@@ -1,9 +0,0 @@
----
-title: Introduction to the CSS Variables Skyline
-block: CSS Variables Skyline
-superBlock: Responsive Web Design
----
-
-## Introduction to the CSS Variables Skyline
-
-<dfn>CSS Variables Skyline</dfn> Placeholder Introduction.

client/src/pages/learn/responsive-web-design/learn-css-variables-by-building-a-city-skyline/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Learn CSS Variables by Building a City Skyline
+block: learn-css-variables-by-building-a-city-skyline
+superBlock: Responsive Web Design
+---
+
+## Introduction to the Learn CSS Variables by Building a City Skyline
+
+<dfn>Learn CSS Variables by Building a City Skyline</dfn> Placeholder Introduction.

client/utils/help-category-map.json

@@ -58,7 +58,7 @@
   "python-for-penetration-testing": "Python",
   "learn-html-by-building-a-cat-photo-app": "HTML-CSS",
   "learn-basic-css-by-building-a-cafe-menu": "HTML-CSS",
-  "css-variables-skyline": "HTML-CSS",
+  "learn-css-variables-by-building-a-city-skyline": "HTML-CSS",
   "basic-javascript-rpg-game": "JavaScript",
   "functional-programming-spreadsheet": "JavaScript",
   "intermediate-javascript-calorie-counter": "JavaScript",

curriculum/challenges/_meta/learn-css-variables-by-building-a-city-skyline/meta.json

@@ -1,8 +1,8 @@
 {
-  "name": "CSS Variables Skyline",
+  "name": "Learn CSS Variables by Building a City Skyline",
   "isUpcomingChange": true,
   "usesMultifileEditor": true,
-  "dashedName": "css-variables-skyline",
+  "dashedName": "learn-css-variables-by-building-a-city-skyline",
   "order": 8,
   "time": "5 hours",
   "template": "",