Optimize Geometry

1 files changed, 25 insertions, 26 deletions

diff --git a/css/xengineering.css b/css/xengineering.css
index 9067ec7..bdd0365 100644
--- a/css/xengineering.css
+++ b/css/xengineering.css
@@ -36,6 +36,7 @@ contact via mail: me@xengineering.eu
   --font-family-primary: Arial, Helvetica, sans-serif;
 
   --vertical-space-small: 1vh;
+  --vertical-space-medium: 2vh;
   --vertical-space-big: 3vh;
 }
 
@@ -44,17 +45,17 @@ contact via mail: me@xengineering.eu
 /* personal defaults for all elements */
 * {
   /* box model elements */
-  margin: 0px;
-  padding: 0px;
-  border: 0px solid;
+  margin: 0;
+  padding: 0;
+  border: 0 solid;
 
   /* positioning */
   position: relative;
   float: none;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
 
   display: block;
   box-sizing: border-box;
@@ -130,13 +131,15 @@ p {
 
 a {
   display: inline;
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   text-decoration: none;
   color: blue;
 }
 
 button {
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   display: block;
   padding: 0.7em;
   margin-left: auto;
@@ -151,20 +154,20 @@ button:hover {
 }
 
 img {
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
 }
 
 ol {
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   list-style-position: outside;
   padding-left: 2em;
 }
 
 ul {
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   list-style-position: outside;
   padding-left: 2em;
 }
@@ -176,8 +179,8 @@ li {
 }
 
 pre {
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   padding: 1em;
   white-space: pre-wrap;
   background-color: var(--background-color-light2);
@@ -190,19 +193,19 @@ footer {
 }
 
 .card {
-  margin-top: var(--vertical-space-small);
-  margin-bottom: var(--vertical-space-small);
+  margin-top: var(--vertical-space-medium);
+  margin-bottom: var(--vertical-space-medium);
   padding: 1em;
-  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2);
   border-radius: 0.5em;
 }
 
 .card-first-item {
-  margin-top: 0px;
+  margin-top: 0;
 }
 
 .card-last-item {
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 /******************************************************************************/
@@ -227,10 +230,6 @@ body {
   padding-right: 20vw;
 }
 
-.card:hover {
-  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
-}
-
 }
 
 /******************************************************************************/