v1.8

andybrewer · Sep 30, 2021 · a3efbc3 · a3efbc3
1 parent 4a72e88
commit a3efbc3
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -57,22 +57,24 @@ NPM: https://www.npmjs.com/package/mvp.css
 
 ## Contributors
 * [andybrewer](https://github.com/andybrewer)
-* [nikolai-cc](https://github.com/nikolai-cc)
 * [aembleton](https://github.com/aembleton)
-* [simonw](https://github.com/simonw)
+* [afeld](https://github.com/afeld)
 * [cfv1984](https://github.com/cfv1984)
-* [irfaardy](https://github.com/irfaardy)
-* [ruudud](https://github.com/ruudud)
-* [edlinkiii](https://github.com/edlinkiii)
+* [coolaj86](https://github.com/coolaj86)
+* [ctp52](https://github.com/ctp52)
 * [DiemenDesign](https://github.com/DiemenDesign)
-* [thedamon](https://github.com/thedamon)
-* [hongsw](https://github.com/hongsw)
+* [edlinkiii](https://github.com/edlinkiii)
 * [ericwbailey](https://github.com/ericwbailey)
-* [martin-v](https://github.com/martin-v)
 * [GrosSacASac](https://github.com/GrosSacASac)
-* [afeld](https://github.com/afeld)
+* [hongsw](https://github.com/hongsw)
+* [irfaardy](https://github.com/irfaardy)
+* [martin-v](https://github.com/martin-v)
+* [michaelp-coder](https://github.com/michaelp-coder)
+* [nikolai-cc](https://github.com/nikolai-cc)
+* [ruudud](https://github.com/ruudud)
 * [ScottGuthart](https://github.com/ScottGuthart)
-* [ctp52](https://github.com/ctp52)
+* [simonw](https://github.com/simonw)
+* [thedamon](https://github.com/thedamon)
 
 ## Showcase
 * https://bliss.js.org/

diff --git a/mvp.css b/mvp.css
@@ -1,15 +1,18 @@
-/* MVP.css v1.7.4 - https://github.com/andybrewer/mvp */
+/* MVP.css v1.8 - https://github.com/andybrewer/mvp */
 
 :root {
+    --active-brightness: 0.85;
     --border-radius: 5px;
     --box-shadow: 2px 2px 10px;
     --color: #118bee;
     --color-accent: #118bee15;
     --color-bg: #fff;
     --color-bg-secondary: #e9e9e9;
+    --color-link: #118bee;
     --color-secondary: #920de9;
     --color-secondary-accent: #920de90b;
     --color-shadow: #f4f4f4;
+    --color-table: #118bee;
     --color-text: #000;
     --color-text-secondary: #999;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -23,21 +26,21 @@
     --width-content: 1080px;
 }
 
-/*
 @media (prefers-color-scheme: dark) {
     :root {
         --color: #0097fc;
         --color-accent: #0097fc4f;
         --color-bg: #333;
         --color-bg-secondary: #555;
+        --color-link: #0097fc;
         --color-secondary: #e20de9;
         --color-secondary-accent: #e20de94f;
         --color-shadow: #bbbbbb20;
+        --color-table: #0097fc;
         --color-text: #f7f7f7;
         --color-text-secondary: #aaa;
     }
 }
-*/
 
 /* Layout */
 article aside {
@@ -230,6 +233,7 @@ ul li {
 p {
     margin: 0.75rem 0;
     padding: 0;
+    width: 100%;
 }
 
 pre {
@@ -264,12 +268,17 @@ sup {
 
 /* Links */
 a {
-    color: var(--color);
+    color: var(--color-link);
     display: inline-block;
     font-weight: bold;
     text-decoration: none;
 }
 
+a:active {
+    filter: brightness(var(--active-brightness));
+    text-decoration: underline;
+}
+
 a:hover {
     filter: brightness(var(--hover-brightness));
     text-decoration: underline;
@@ -293,6 +302,10 @@ button {
     font-family: var(--font-family);
 }
 
+button:active {
+    filter: brightness(var(--active-brightness));
+}
+
 button:hover {
     cursor: pointer;
     filter: brightness(var(--hover-brightness));
@@ -301,16 +314,16 @@ button:hover {
 a b,
 a strong,
 button {
-    background-color: var(--color);
-    border: 2px solid var(--color);
+    background-color: var(--color-link);
+    border: 2px solid var(--color-link);
     color: var(--color-bg);
 }
 
 a em,
 a i {
-    border: 2px solid var(--color);
+    border: 2px solid var(--color-link);
     border-radius: var(--border-radius);
-    color: var(--color);
+    color: var(--color-link);
     display: inline-block;
     padding: 1rem 2rem;
 }
@@ -424,7 +437,7 @@ table tr {
 }
 
 table thead {
-    background-color: var(--color);
+    background-color: var(--color-table);
     border-collapse: collapse;
     border-radius: var(--border-radius);
     color: var(--color-bg);
@@ -466,4 +479,4 @@ blockquote footer {
     font-size: small;
     line-height: var(--line-height);
     padding: 1.5rem 0;
-}
+}