From 335d03be6152cfae40fa8d778d842e50dff7d1f6 Mon Sep 17 00:00:00 2001
From: Agamemnon Zorbas <a.zorba1987@gmail.com>
Date: Fri, 20 Oct 2017 19:09:45 +0300
Subject: [PATCH] Aesthetic Changes

---
 dist/mini-default.css     | 25 ++++++++++++-------------
 dist/mini-default.min.css |  2 +-
 src/mini/_core.scss       | 34 +++++++++++++++++-----------------
 3 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/dist/mini-default.css b/dist/mini-default.css
index 0b6a301..067266b 100644
--- a/dist/mini-default.css
+++ b/dist/mini-default.css
@@ -10,8 +10,8 @@
 */
 /* Core module CSS variable definitions */
 :root {
-  --fore-color: #212121;
-  --secondary-fore-color: #424242;
+  --fore-color: #111;
+  --secondary-fore-color: #444;
   --back-color: #f8f8f8;
   --secondary-back-color: #e6e6e6;
   --blockquote-color: #f57c00;
@@ -122,7 +122,7 @@ hr {
   border: 0;
   line-height: 1.25em;
   margin: var(--universal-margin);
-  height: 0.0625rem;
+  height: 0.03125rem;
   background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
 }
 
@@ -159,6 +159,7 @@ blockquote[cite]:after {
 
 code, kbd, pre, samp {
   font-family: Menlo, Consolas, monospace;
+  font-size: 0.85em;
 }
 
 code {
@@ -181,15 +182,16 @@ pre {
   margin: var(--universal-margin);
   border: 0.0625rem solid var(--secondary-border-color);
   border-left: 0.25rem solid var(--pre-color);
+  border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0;
 }
 
-sup, sub {
+sup, sub, code, kbd {
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-small, sup, sub {
+small, sup, sub, figcaption {
   font-size: 0.75em;
 }
 
@@ -201,10 +203,12 @@ sub {
   bottom: -0.25em;
 }
 
+figcaption {
+  color: var(--secondary-fore-color);
+}
+
 a {
   text-decoration: underline;
-  opacity: 1;
-  transition: opacity 0.3s;
 }
 
 a:link {
@@ -216,10 +220,5 @@ a:visited {
 }
 
 a:hover, a:focus {
-  opacity: 0.75;
-}
-
-figcaption {
-  font-size: 0.75em;
-  color: var(--secondary-fore-color);
+  text-decoration: underline;
 }
diff --git a/dist/mini-default.min.css b/dist/mini-default.min.css
index ea7b290..99a13ca 100644
--- a/dist/mini-default.min.css
+++ b/dist/mini-default.min.css
@@ -1 +1 @@
-:root{--fore-color:#212121;--secondary-fore-color:#424242;--back-color:#f8f8f8;--secondary-back-color:#e6e6e6;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#acacac;--secondary-border-color:#c9c9c9;--heading-ratio:1.19;--universal-margin:.5rem;--universal-padding:.5rem;--universal-border-radius:.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b}html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}details{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--universal-margin)) var(--universal-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h5{font-size:1rem}h6{font-size:calc(1rem / var(--heading-ratio))}p{margin:var(--universal-margin)}ol,ul{margin:var(--universal-margin);padding-left:calc(2 * var(--universal-margin))}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;line-height:1.25em;margin:var(--universal-margin);height:.0625rem;background:linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent)}blockquote{display:block;position:relative;font-style:italic;color:var(--secondary-fore-color);margin:var(--universal-margin);padding:calc(3 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.375rem solid var(--blockquote-color);border-radius:0 var(--universal-border-radius) var(--universal-border-radius) 0}blockquote:before{position:absolute;top:calc(0rem - var(--universal-padding));left:0;font-family:sans-serif;font-size:3rem;font-weight:700;content:"\201c";color:var(--blockquote-color)}blockquote[cite]:after{font-style:normal;font-size:.75em;font-weight:700;content:"\a—  " attr(cite);white-space:pre}code,kbd,pre,samp{font-family:Menlo, Consolas, monospace}code{background:var(--secondary-back-color);border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2)}kbd{background:var(--fore-color);color:var(--back-color);border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2)}pre{overflow:auto;background:var(--secondary-back-color);padding:calc(1.5 * var(--universal-padding));margin:var(--universal-margin);border:.0625rem solid var(--secondary-border-color);border-left:.25rem solid var(--pre-color)}sup,sub{line-height:0;position:relative;vertical-align:baseline}small,sup,sub{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}a{text-decoration:underline;opacity:1;transition:opacity 0.3s}a:link{color:var(--a-link-color)}a:visited{color:var(--a-visited-color)}a:hover,a:focus{opacity:0.75}figcaption{font-size:.75em;color:var(--secondary-fore-color)}
+@charset "UTF-8";blockquote,details{display:block}code,pre{background:var(--secondary-back-color)}blockquote,hr,ol,p,pre,ul{margin:var(--universal-margin)}blockquote,figcaption{color:var(--secondary-fore-color)}:root{--fore-color:#111;--secondary-fore-color:#444;--back-color:#f8f8f8;--secondary-back-color:#e6e6e6;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#acacac;--secondary-border-color:#c9c9c9;--heading-ratio:1.19;--universal-margin:0.5rem;--universal-padding:0.5rem;--universal-border-radius:0.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b}html{font-size:16px}*,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--universal-margin)) var(--universal-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h5{font-size:1rem}h6{font-size:calc(1rem / var(--heading-ratio))}ol,ul{padding-left:calc(2 * var(--universal-margin))}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;line-height:1.25em;height:.03125rem;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}blockquote{position:relative;font-style:italic;padding:calc(3 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.375rem solid var(--blockquote-color);border-radius:0 var(--universal-border-radius)var(--universal-border-radius)0}code,kbd{border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding)/ 4) calc(var(--universal-padding)/ 2)}blockquote:before{position:absolute;top:calc(0rem - var(--universal-padding));left:0;font-family:sans-serif;font-size:3rem;font-weight:700;content:"\201c";color:var(--blockquote-color)}blockquote[cite]:after{font-style:normal;font-size:.75em;font-weight:700;content:"\a—  " attr(cite);white-space:pre}code,kbd,pre,samp{font-family:Menlo,Consolas,monospace;font-size:.85em}kbd{background:var(--fore-color);color:var(--back-color)}pre{overflow:auto;padding:calc(1.5 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.25rem solid var(--pre-color);border-radius:0 var(--universal-border-radius)var(--universal-border-radius)0}code,kbd,sub,sup{line-height:0;position:relative;vertical-align:baseline}figcaption,small,sub,sup{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}a,a:focus,a:hover{text-decoration:underline}a:link{color:var(--a-link-color)}a:visited{color:var(--a-visited-color)}
diff --git a/src/mini/_core.scss b/src/mini/_core.scss
index a7a505c..898c817 100644
--- a/src/mini/_core.scss
+++ b/src/mini/_core.scss
@@ -10,14 +10,14 @@ $base-font-family: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubu
 $base-line-height:        1.5 !default;         // Line height for most elements
 $base-font-size:          1rem !default;        // Font sizing for all elements
 $_body-margin:            0 !default;           // [Hidden] Margin for body
-$fore-color:              #212121 !default;     // Text & foreground color
-$secondary-fore-color:    #424242 !default;     // Secondary text & foreground color
+$fore-color:              #111 !default;        // Text & foreground color
+$secondary-fore-color:    #444 !default;        // Secondary text & foreground color
 $back-color:              #f8f8f8 !default;     // Background color
-$secondary-back-color:    #e6e6e6 !default;     // Secondary background color
+$secondary-back-color:    #eee !default;        // Secondary background color
 $blockquote-color:        #f57c00 !default;     // <blockquote> sidebar and quotation color
 $pre-color:               #1565c0 !default;     // <pre> sidebar color
-$border-color:            #acacac !default;     // Border color
-$secondary-border-color:  #c9c9c9 !default;     // Secondary border color
+$border-color:            #aaa !default;        // Border color
+$secondary-border-color:  #ddd !default;        // Secondary border color
 $heading-line-height:     1.2 !default;         // Line height for headings
 $heading-ratio:           1.19 !default;        // Ratio for headings (strictly unitless)
 $subheading-font-size:    0.75em !default;      // Font sizing for <small> elements in headings
@@ -32,6 +32,7 @@ $horizontal-rule-line-height:  1.25em !default; // <hr> line height
 $blockquote-quotation-size:    3rem !default;   // Font size for the quotation of <blockquote>
 $blockquote-cite-size:         0.75em !default; // Font size for the [cite] of <blockquote>
 $code-font-family: 'Menlo, Consolas, monospace' !default; // Font stack for code elements
+$code-font-size:           0.85em;              // Font size for <code>, <kbd>
 $small-element-font-size:     0.75em !default;  // Font size for <small>, <sub>, <sup>
 $sup-top:                  -0.5em !default;     // <sup> top
 $sub-bottom:               -0.25em !default;    // <sub> bottom
@@ -181,7 +182,7 @@ hr {
   // Actual styling using variables
   line-height: $horizontal-rule-line-height;
   margin: var(#{$universal-margin-var});
-  height: $__1px;
+  height: 0.5 * $__1px;
   background: linear-gradient(to right, transparent, var(#{$border-color-var}) 20%, var(#{$border-color-var}) 80%, transparent);
 }
 
@@ -216,6 +217,7 @@ blockquote {  // Doesn't have a back color yet, as well as no shadow...
 
 code, kbd, pre, samp {
   font-family: #{$code-font-family};     // Display fix should be applied manually!
+  font-size: $code-font-size;
 }
 
 code { // No border color yet and fore color is the default, as well as no shadow...
@@ -240,16 +242,17 @@ pre { // Fore color is the default, as well as no shadow...
   margin: var(#{$universal-margin-var});
   border: $__1px solid var(#{$secondary-border-color-var});
   border-left: 4*$__1px solid var(#{$pre-color-var});
+  border-radius: 0 var(#{$universal-border-radius-var}) var(#{$universal-border-radius-var}) 0;
 }
 
 // Prevent elements from affecting the line height in all browsers.
-sup, sub {
+sup, sub, code, kbd {
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
-small, sup, sub {
+small, sup, sub, figcaption {
   font-size: $small-element-font-size;
 }
 
@@ -260,10 +263,12 @@ sub {
   bottom: $sub-bottom;
 }
 
+figcaption {
+    color: var(#{$secondary-fore-color-var});
+}
+
 a {
-  text-decoration: underline;
-  opacity: 1;
-  transition: opacity 0.3s;
+  text-decoration: none;
   &:link{
     color: var(#{$a-link-color-var});
   }
@@ -271,11 +276,6 @@ a {
     color: var(#{$a-visited-color-var});
   }
   &:hover, &:focus {
-    opacity: 0.75;
+    text-decoration: underline;
   }
 }
-
-figcaption {
-    font-size: $small-element-font-size;
-    color: var(#{$secondary-fore-color-var});
-}