Add "since" to method info body

Author: rtheunissen

_data/menu.yml

@@ -96,6 +96,9 @@ Rounding:
             -
                 name: 'truncate<span>(): Decimal</span>'
                 path: '/#truncate'
+            -
+                name: 'trim<span>(): Decimal</span>'
+                path: '/#trim'
             -
                 name: 'round<span>($places, $mode): Decimal</span>'
                 path: '/#round'

_data/methods.yml

@@ -212,8 +212,9 @@ shift:
             desc: 'The number of places to shift the decimal point by. A positive shift moves the decimal point to the right, a negative shift moves the decimal point to the left.'
 trim:
     name: trim
+    since: 1.1.0
     return:
-        desc: 'A copy of this decimal without trailing zeroes.'
+        desc: 'a copy of this decimal without trailing zeroes.'
         type: Decimal
 precision:
     name: precision

_includes/method.md

@@ -40,7 +40,7 @@
                 <span class="method-info-return-lead">Returns:&nbsp;</span>
                 <div class="method-info-indent">
                     {% if include.method.return.hide != false %}
-                        <span class="method-info-return-type">{{ include.method.return.type }},&nbsp;</span>
+                        <span class="method-info-return-type">{{ include.method.return.type }},</span>
                     {% endif %}
                     <span class="method-info-return-text">{{ include.method.return.desc }}</span>
                 </div>
@@ -62,5 +62,14 @@
             </div>
         </div>
         {%- endif -%}
+
+        {%- if include.method.since -%}
+            <div class="method-info-since">
+                <span class="method-info-since-lead">Since: </span>
+                <div class="method-info-indent">
+                    <p class="method-info-since-text">{{ include.method.since }}</p>
+                </div>
+            </div>
+        {%- endif -%}
     </div>
 </div>

_sass/_main.scss

@@ -11,4 +11,5 @@ main {
   }
 
   @import "article";
+  @import "method";
 }

_sass/_method.scss

@@ -0,0 +1,122 @@
+
+.method-info {
+    background-color: white;
+    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
+    padding: 0px;
+    margin-bottom: 2em;
+    margin-top: 2em;
+    border-radius: 3px;
+
+    ul {
+        margin: 0;
+        padding: 0;
+        margin-bottom: 10px;
+        li {
+            margin: 0;
+            list-style: none;
+        }
+    }
+
+    .method-info-header {
+        font-size: 0.9em;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        background-color: $clr-grey-50;
+        font-family: $font-mono !important;
+        padding: 10px;
+        border-top: 1px solid $clr-border;
+        border-right: 1px solid $clr-border;
+        box-shadow: 0px 1px 0 0 rgba(0, 0, 0, 0.1);
+        border-radius: 3px;
+    }
+
+    .method-info-body {
+        padding: 20px;
+        border-left: 1px solid $clr-border;
+
+        strong {
+            font-weight: 600;
+            color: $clr-php-black;
+        }
+    }
+
+    .method-info-name {
+        font-family: $font-mono !important;
+        color: $clr-php-black;
+        font-size: 1em;
+        padding-right: 2px;
+        > strong {
+            font-weight: 500;
+        }
+    }
+
+    .method-info-param-type {
+        color: $clr-php-green;
+    }
+
+    .method-info-param-name {
+        color: $syntax-var;
+    }
+
+    .method-info-param-default {
+        color: #936;
+    }
+
+    .method-info-punc {
+        color: $syntax-punc;
+    }
+
+    .method-info-return {
+        .method-info-return-type {
+            font-family: $font-mono !important;
+            font-size: 0.9em;
+            color: $clr-php-green;
+            vertical-align: top;
+            font-weight: 500;
+            margin-right: 2px;
+        }
+    }
+
+    .method-info-indent {
+        padding-left: 64px;
+    }
+
+    .method-info-return-text,
+    .method-info-since-text,
+    .method-info-throws-text {
+        max-width: 540px;
+        display: inline-block;
+        vertical-align: top;
+    }
+
+    .method-info-return-lead,
+    .method-info-since-lead,
+    .method-info-throws-lead {
+        float: left;
+        font-weight: 500;
+        color: $clr-php-blue;
+    }
+
+    .method-info-since-text {
+        font-family: $font-mono !important;
+        font-size: 0.9em;
+    }
+
+    .method-info-throws ul {
+        padding: 0;
+        margin: 0;
+    }
+
+    .method-info-throws {
+        margin-top: 1em;
+    }
+
+    .method-info-body-desc {
+        margin-bottom: 1em;
+    }
+
+    .method-info-body-params {
+        display: none;
+    }
+}