Standardize styles

Author: rtheunissen

_includes/performance.md

@@ -6,7 +6,7 @@ It is difficult to determine what to use for the **scale** of *bcmath*, because
 the number of places behind the decimal point, rather than the **precision**, which is the total
 number of significant places. This benchmark is therefore arbitrary in itself and serves only to provide a rough idea of what to expect.
 
-The code for this basic benchmark can be found [here](https://github.com/php-decimal/benchmarks).
+The code for this basic benchmark can be found [here](https://gist.github.com/rtheunissen/3c19d829774464f481f853e624fe058c).
 
 Results are the total runtime to produce a result across many iterations, in seconds. **Lower is better**.
 

_sass/_article.scss

@@ -30,49 +30,6 @@ article {
         margin: 30px 0 0 0;
     }
 
-    hr {
-        padding: 1em 0 1em 0;
-        border: none;
-    }
-
-    b,
-    strong {
-        font-weight: 500;
-    }
-
-    .warning {
-        color: $clr-red !important;
-    }
-
-    div.warning {
-        margin: 20px 0;
-        font-weight: 600;
-        padding: 1em;
-        color: $clr-php-warning-text;
-        border: 2px solid $clr-php-warning-border;
-        background-color: $clr-php-warning-background;
-        border-radius: 5px;
-    }
-
-    div.info {
-        margin: 20px 0;
-        font-weight: 600;
-        padding: 1em;
-        color: $clr-php-info-text;
-        background-color: $clr-php-info-background;
-        border-radius: 5px;
-        box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-    }
-
-    p,
-    li,
-    h2,
-    h3,
-    h4,
-    h5 {
-        max-width: 720px;
-    }
-
     .source {
         @include responsive-when-small-or-medium {
             display: none;
@@ -130,26 +87,6 @@ article {
         margin-bottom: 0px;
     }
 
-    figure {
-        -webkit-margin-before: 0em;
-        -webkit-margin-after: 0em;
-        -webkit-margin-start: 0px;
-        -webkit-margin-end: 0px;
-    }
-
-    a {
-        text-decoration: none;
-        color: $clr-php-blue-dark;
-        font-weight: 400;
-        white-space: nowrap;
-
-        transition: color 0.1s ease-out;
-
-        &:hover {
-            color: $clr-php-blue;
-        }
-    }
-
     li {
         margin: 5px 0;
     }
@@ -160,33 +97,11 @@ article {
 
     p > code,
     li > code {
-        display: inline-block;
         padding: 0;
         margin: 0;
         margin-left: 0px;
-        left: 0px;
-        position: relative;
-        color: $clr-php-black;
-        border-radius: 3px;
-        font-size: 14px;
-        font-weight: 400;
-    }
-
-    blockquote {
-        margin: 1em 0 1em 0;
-        display: inline-block;
-        padding-left: 1em;
-        border: none;
-        border-left: 4px solid $clr-php-blue-dark;
-        color: $clr-php-blue-dark;
-        font-style: italic;
-
-        p {
-            padding: 0;
-            &:last-child {
-                margin-bottom: 0;
-            }
-        }
+        font-weight: 500;
+        color: inherit !important;
     }
 
     .rules {

_sass/_syntax.scss _sass/_code.scss_sass/_syntax.scss renamed to _sass/_code.scss

@@ -1,3 +1,42 @@
+
+pre,
+code {
+  font-family: $font-mono;
+  color: $clr-php-black;
+  font-size: 14px;
+  line-height: 150%;
+  font-weight: 400;
+
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-wrap: normal;
+  word-spacing: normal;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+code {
+  display: inline-block;
+}
+
+pre {
+  padding: 1.5em 1.5em;
+  overflow: auto;
+  border: none;
+  background-color: $clr-grey-50;
+  border-radius: 3px;
+  border: 2px solid $clr-border;
+}
+
+
 .highlight .hll { background-color: transparent; }
 .highlight  { background-color: $clr-grey-50; }
 .highlight .c { color: $syntax-comment; } /* Comment */

_sass/_main.scss

@@ -2,7 +2,7 @@ main {
   position: relative;
   background: $clr-white;
 
-  padding-top: 0;//$header-height;
+  padding-top: 0;
   padding-left: $menu-width;
 
   @include responsive-when-small-or-medium {

_sass/_menu.scss

@@ -107,12 +107,15 @@ menu {
 
       li {
         a {
+          font-family: $font-mono;
+          font-size: 14px;
           color: $clr-menu-heading-3;
           font-weight: 500;
 
           > span {
             color: $clr-menu-heading-4 !important;
             font-weight: 400;
+            display: none;
           }
 
           &:hover {

_sass/_template.scss

@@ -1,6 +1,16 @@
 * {
   box-sizing: border-box;
-  -webkit-font-smoothing: true !important;
+  -webkit-font-smoothing: auto !important;
+  font-smooth: auto !important;
+}
+
+html {
+  font-size: 1em;
+  background-color: $clr-white;
+
+  @include responsive-when-small {
+    overflow-x: hidden;
+  }
 }
 
 p,
@@ -11,55 +21,64 @@ ul,
 body {
   font-family: $font-sans;
   font-size: 1em;
-  font-weight: 300;
-}
-
-pre,
-code {
-  font-family: $font-mono;
-  font-size: 14px;
-  color: $clr-php-black;
-  line-height: 150%;
   font-weight: 400;
+  color: #111;
+}
 
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-wrap: normal;
-  word-spacing: normal;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
+p,
+li,
+h2,
+h3,
+h4,
+h5 {
+    max-width: 720px;
 }
 
-code {
-  display: inline-block;
+b,
+strong {
+    font-weight: 600;
+    color: #000;
 }
 
-pre {
-  padding: 1.5em 1.5em;
-  overflow: auto;
-  border: none;
-  background-color: $clr-grey-50;
-  border-radius: 3px;
-  border: 2px solid $clr-border;
+a {
+    text-decoration: none;
+    color: $clr-php-blue-dark;
+    font-weight: 400;
+    white-space: nowrap;
+    transition: color 0.1s ease-out;
 
+    &:hover {
+        color: $clr-php-blue;
+    }
 }
 
+hr {
+    padding: 1em 0 1em 0;
+    border: none;
+}
 
-html {
-  font-size: 1em;
-  background-color: $clr-white;
+figure {
+    -webkit-margin-before: 0em;
+    -webkit-margin-after: 0em;
+    -webkit-margin-start: 0px;
+    -webkit-margin-end: 0px;
+}
 
-  @include responsive-when-small {
-    overflow-x: hidden;
-  }
+blockquote {
+    margin: 1em 0 1em 0;
+    display: inline-block;
+    padding-left: 1em;
+    border: none;
+    border-left: 4px solid $clr-php-blue-dark;
+    color: $clr-php-blue-dark;
+    font-style: italic;
+
+    p {
+        padding: 0;
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
 }
 
 table {
@@ -83,16 +102,6 @@ table {
     a, p, span {
       font-size: 1em;
     }
-    code {
-      font-size: 0.9em;
-    }
-
-    @include responsive-when-small {
-       font-size: 0.8em;
-        a, p, span, code {
-          font-size: 0.8em;
-        }
-    }
   }
 
   th {

_sass/_variables.scss

@@ -21,14 +21,6 @@ $clr-menu-heading-2: $clr-php-heading;
 $clr-menu-heading-3: $clr-blue-grey-600;
 $clr-menu-heading-4: $clr-blue-grey-200;
 
-$clr-php-warning-background: #F4DFDF;
-$clr-php-warning-border:     #EABFBF;
-$clr-php-warning-text: $clr-php-heading;
-
-$clr-php-info-background: $clr-grey-50;
-$clr-php-info-border:     $clr-php-blue;
-$clr-php-info-text:       $clr-php-blue-dark;
-
 $syntax-fallback:   $clr-php-black;
 $syntax-var:        $clr-php-blue-dark;
 $syntax-string:     $clr-php-green;

styles/theme.scss

@@ -9,4 +9,4 @@
 @import "headings";
 @import "template";
 @import "sandbox";
-@import "syntax";
+@import "code";