Merge branch 'main' into patrickhlauke-a11y-improvements

README.md

@@ -85,4 +85,8 @@ Thanks for checking this project out! This library was made in good fun and was
 
 If you find a bug, consider opening an issue. If there's something that you'd like to add, please feel free to create a PR!
 
-If you'd like to see what else I'm up to, consider following me on [Twitter](https://twitter.com/sakofchit) or checking out my [personal site](https://sakun.co) :)
+If you'd like to see what else I'm up to, consider following me on [Twitter](https://twitter.com/sakofchit) or checking out my [personal site](https://sakun.co) :)
+
+## Sponsors
+
+[CSS Scan](https://getcssscan.com/?ref=systemcss): The fastest and easiest way to check, copy and edit CSS

docs/index.html.ejs

@@ -517,7 +517,7 @@
             `)%>
 
             <p>
-              We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested <code>div</code>. The outer <code>div</code> uses the <code>.outer-border</code> class and the <code>.inner-border</code>
+              We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested <code>div</code>. The outer <code>div</code> uses the <code>.outer-border</code> class and the <code>.inner-border</code> for the inner <code>div</code>.
             </p>
 
             <%- example(`
@@ -596,14 +596,17 @@
           <div>
             <p>Thanks for checking this project out! This library was made in good fun and was largely inspired by <a href="https://github.com/jdan/98.css" target="_blank">98.css</a>. The <a href="http://www.suppertime.co.uk/blogmywiki/2017/04/chicago/" target="_blank">Chicago 12pt</a> and <a href="http://www.suppertime.co.uk/blogmywiki/2017/04/finderskeepers/" target="_blank">Geneva 9pt</a> fonts are recreations by <a href="https://twitter.com/blogmywiki" target="_blank">@blogmywiki</a></p>
   
-            <p>System.css is still in beta! I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found <a href="https://github.com/sakofchit/system.css/tree/main/icon">here</a>.</p>
+            <p>System.css is still in beta! There's a few things that are currently missing that I incline on adding pretty soon. I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found <a href="https://github.com/sakofchit/system.css/tree/main/icon">here</a>.</p>
+
+            <p>The Github repository can be found <a href="https://github.com/sakofchit/system.css">here</a></p>
               
               
-            <p>If you find a bug, consider opening an issue here. If there's something that you'd like to add, please feel free to create a PR!</p>
+            <p>If you find a bug, consider opening an issue <a href="https://github.com/sakofchit/system.css">here</a>. If there's something that you'd like to add, please feel free to create a PR!</p>
   
             <p>If you'd like to see what else I'm up to, consider following me on <a href="https://twitter.com/sakofchit" target="_blank">Twitter</a> or checking out my <a href="https://sakun.co" target="_blank">personal site</a> :)</p>
           </div>
         </section>
+        
     </div>
   
   </div>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakun/system.css",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakun/system.css",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A design system for building retro Apple interfaces",
   "main": "dist/system.css",
   "directories": {