update some style and make the wrapper bigger

beforesemicolon · Oct 31, 2024 · e381215 · e381215
1 parent 74f3630
commit e381215
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/docs/documentation/capabilities/form-controls.md b/docs/documentation/capabilities/form-controls.md
@@ -267,13 +267,13 @@ class TextField extends WebComponent {
     static formAssociated = true
 
     stylesheet = `
-    input {
-      border: 1px solid #444;
-      padding: 8px 10px;
-      border-radius: 3px;
-      min-width: 150px;
-    }
-  `
+        input {
+          border: 1px solid #444;
+          padding: 8px 10px;
+          border-radius: 3px;
+          min-width: 150px;
+        }
+    `
 
     placeholder = ''
     value = ''

diff --git a/docs/stylesheets/common.css b/docs/stylesheets/common.css
@@ -30,11 +30,11 @@ body {
 }
 
 .wrapper {
-    padding-left: calc((100vw - 1200px) / 2);
-    padding-right: calc((100vw - 1200px) / 2);
+    padding-left: calc((100vw - 1400px) / 2);
+    padding-right: calc((100vw - 1400px) / 2);
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1400px) {
     .wrapper {
         padding-left: 25px;
         padding-right: 25px;

diff --git a/docs/stylesheets/documentation.css b/docs/stylesheets/documentation.css
@@ -1,5 +1,9 @@
 @import 'common.css';
 
+body {
+    background: #000306;
+}
+
 #documentation {
     display: flex;
     max-height: 100vh;
@@ -27,7 +31,7 @@
     right: 0;
     top: 0;
     width: 100vw;
-    background: #09141d;
+    background: #050c13;
     height: 100%;
     z-index: -1;
 }
@@ -88,7 +92,7 @@
 
 #documentation article {
     flex: 1;
-    max-width: 825px;
+    max-width: 1025px;
     padding: 50px 30px;
     color: #ddd;
     line-height: 170%;

diff --git a/docs/stylesheets/landing.css b/docs/stylesheets/landing.css
@@ -84,7 +84,7 @@
 }
 
 #why-markup ul li {
-    background: linear-gradient(320deg, #000b0e, #101618);
+    background: linear-gradient(320deg, #001114, #000000);
     padding: 25px;
     border-radius: 8px;
     min-width: calc((100% / 3) - 30px);