Problem in file names of BuildAWebsiteDesignSystem

2025-07-08 11:30:26 +02:00
parent 6a18c3851c
commit e3f8d51c8a
2 changed files with 111 additions and 111 deletions
--- a/System/styles.css
+++ b/System/styles.css
@@ -1,39 +1,92 @@
-.limelight-regular {
+/* Overall configuration */
+
+body {
+  width: 80%;
+  margin: 0 auto;
+  font-family: "Nunito Sans", sans-serif;
+}
+
+section {
+  border: solid 1px gray;
+  border-radius: 5px;
+  padding: 10px;
+  margin: 20px auto;
+}
+
+.dark {
+  color: white;
+}
+
+/* Colors Elements targeting */
+
+.color-box li {
+  display: inline-block;
+  width: 40%;
+  border: 1px solid gray;
+  border-radius: 10px;
+  padding: 10px;
+  margin: 20px auto;
+  text-align: center;
+}
+
+#goldenrod {
+  background-color: goldenrod;
+}
+
+#salmon {
+  background-color: salmon;
+}
+
+#teal {
+  background-color: teal;
+}
+
+#forestgreen {
+  background-color: forestgreen;
+}
+
+/* Fonts Elements targeting */
+
+#fonts h3 {
+  font-size: 3em;
+  text-decoration: underline;
+  font-weight: 200;
+}
+
+#limelight {
  font-family: "Limelight", sans-serif;
-  font-weight: 400;
-  font-style: normal;
+  font-size: 1.3em;
+}
+            
+#instrumentserif {
+  font-family: "Instrument Serif", serif;
+  font-size: 2em;
 }

-.instrument-serif-regular {
-  font-family: "Instrument Serif", serif;
-  font-weight: 400;
-  font-style: normal;
+#audiowide {
+  font-family: "Audiowide", sans-serif;
+  font-size: 1.2em;
 }

-.instrument-serif-regular-italic {
-  font-family: "Instrument Serif", serif;
+#manufacturingconsent {
+  font-family: "Manufacturing Consent", system-ui;
+  font-size: 2em;
+}
+
+.regular {
  font-weight: 400;
+}
+
+.bold {
+  font-weight: 1000;
+}
+
+.italic {
  font-style: italic;
 }

-.audiowide-regular {
-  font-family: "Audiowide", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-}
-
-.manufacturing-consent-regular {
-  font-family: "Manufacturing Consent", system-ui;
-  font-weight: 400;
-  font-style: normal;
-}
-
-.nunito-sans-<uniquifier> {
-  font-family: "Nunito Sans", sans-serif;
-  font-optical-sizing: auto;
-  font-weight: 400;
-  font-style: normal;
-  font-variation-settings:
-    "wdth" 100,
-    "YTLC" 500;
+.font-box li {
+  display: inline;
+  padding: 5px;
+  margin: 0 auto;
 }