💎 v2.0.5

Author: saowang

_includes/reset/version.liquid

@@ -1 +1 @@
-{%- assign version = "2.0.4" -%}
+{%- assign version = "2.0.5" -%}

_includes/shortcodes/danger.liquid

@@ -1,9 +1,9 @@
-<div class="admonition danger mb-3">
+<div class="admonition danger mb-4">
     <div class="title px-2 py-1">
         <i class="fa fa-exclamation-circle"></i>
         {{ __.danger | default: "Danger" }}
     </div>
-    <div class="content p-2">
+    <div class="content px-2 py-3">
         {{ codes | markdownify | strip_newlines -}}
     </div>
 </div>

_includes/shortcodes/note.liquid

@@ -1,9 +1,9 @@
-<div class="admonition note mb-3">
+<div class="admonition note mb-4">
     <div class="title px-2 py-1">
         <i class="fa fa-exclamation-circle"></i>
         {{ __.note | default: "Note" }}
     </div>
-    <div class="content p-2">
+    <div class="content px-2 py-3">
         {{ codes | markdownify | strip_newlines -}}
     </div>
 </div>

_includes/shortcodes/tip.liquid

@@ -1,9 +1,9 @@
-<div class="admonition tip mb-3">
+<div class="admonition tip mb-4">
     <div class="title px-2 py-1">
         <i class="fa fa-exclamation-circle"></i>
         {{ __.tip | default: "Tip" }}
     </div>
-    <div class="content p-2">
+    <div class="content px-2 py-3">
         {{ codes | markdownify | strip_newlines -}}
     </div>
 </div>

_includes/shortcodes/warning.liquid

@@ -1,9 +1,9 @@
-<div class="admonition warning mb-3">
+<div class="admonition warning mb-4">
     <div class="title px-2 py-1">
         <i class="fa fa-exclamation-circle"></i>
         {{ __.warning | default: "Warning" }}
     </div>
-    <div class="content p-2">
+    <div class="content px-2 py-3">
         {{ codes | markdownify | strip_newlines -}}
     </div>
 </div>

_sass/@primer/base/base.scss renamed to _sass/@primer/css/base/base.scss

@@ -29,4 +29,4 @@ $theme-mask-black: transparentize($theme-black, 0.9);
 // theme menu
 $theme-menu-width: 300px;
 $theme-menu-background: darken($theme-black, 10%);
-$theme-menu-active-background: darken($theme-blue, 20%);
+$theme-menu-active-background: darken($theme-blue, 15%);

_sass/@primer/base/index.scss renamed to _sass/@primer/css/base/index.scss

@@ -1,6 +1,12 @@
 .admonition {
   // fixed note
   font-size: $h4-size;
+  // mdl
+  @include shadow-2dp();
+
+  .title {
+    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
+  }
 
   // fixed
   .content {

_sass/@primer/base/kbd.scss renamed to _sass/@primer/css/base/kbd.scss

@@ -60,10 +60,23 @@
   pre {
     font-size: $font-size-small;
     border: $border;
+    // from rouge highlight
+    background-color: #f8f8f8;
   }
 
-  .highlight pre {
-    background-color: transparent;
+  div.highlighter-rouge {
+    position: relative;
+
+    &:after {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-family: $mono-font;
+      font-size: $font-size-small;
+      content: attr(data-lang);
+      padding: 2px 5px 0px;
+      color: lighten($text-gray-light, 25%);
+    }
   }
 
   // search

_sass/@primer/base/normalize.scss renamed to _sass/@primer/css/base/normalize.scss

@@ -32,6 +32,11 @@
 
   > ul {
     // the first level links
+    > .toc > a {
+      padding-left: 0.75em;
+    }
+
+    // the first level links not current
     > .toc:not(.current) > a {
       &:hover {
         background: $theme-mask-white;