Update 3 files

selfishprimate · Mar 28, 2023 · 8c7f018 · 8c7f018
1 parent cf09d04
commit 8c7f018
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 6 deletions.
diff --git a/public/index.html b/public/index.html
@@ -21,6 +21,11 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
 	<title>CodeSandbox for Gerillass</title>
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+
 </head>
 
 <body>

diff --git a/src/App.js b/src/App.js
@@ -3,11 +3,28 @@ import "./style.scss";
 export default function App() {
   return (
     <div className="main-container">
-      <h1>Hello CodeSandbox for Gerillass</h1>
-      <h2>Start editing to see some magic happen!</h2>
-      <p class="par">
-        Lorem ipsum is placeholder text commonly used in the graphic, print, and
-        publishing industries for previewing layouts and visual mockups.
+      <h1>Gerillass Sandbox</h1>
+      <h2>
+        Get started with Gerillass and Sass quickly with this sandbox
+        repository!
+      </h2>
+      <p>
+        Gerillass is a lightweight Sass library that helps you build modern and
+        beautiful web designs easily.
+      </p>
+      <p>
+        This repository provides a ready-to-use environment with Sass
+        integration, allowing you to quickly experiment with Gerillass and
+        customize it to your liking.
+      </p>
+      <p>
+        The CodeSandbox implementation is a great way to quickly get started
+        with using Gerillass and Sass for web design projects. With the built-in
+        CodeSandbox environment, users can start modifying the their Sass files
+        right away without the need for any additional setup. The real-time
+        preview pane in CodeSandbox also allows users to see their changes as
+        they're making them, which is a great way to experiment with different
+        design ideas.
       </p>
     </div>
   );

diff --git a/src/style.scss b/src/style.scss
@@ -1,7 +1,11 @@
 @import "gerillass";
 
 body {
-  font-family: sans-serif;
+  font-family: "Inter", sans-serif;
+}
+
+p {
+  line-height: 150%;
 }
 
 h1 {