Refactored announcement bar styles

docs/getting-started.md

@@ -258,7 +258,19 @@ theme:
 
 The following language codes are supported:
 
-<ul style="-webkit-columns: 2; -moz-columns: 2; columns: 2">
+<style>
+  .md-language-list {
+    -webkit-columns: 2;
+       -moz-columns: 2;
+            columns: 2;
+  }
+  .md-language-list li {
+    -webkit-column-break-inside: avoid;
+              page-break-inside: avoid;
+                   break-inside: avoid;
+  }
+</style>
+<ul class="md-language-list">
   <li><code>af</code> / Afrikaans</li>
   <li><code>ar</code> / Arabic</li>
   <li><code>ca</code> / Catalan</li>

docs/plugins/search.md

@@ -1,6 +1,6 @@
 # Search
 
-The built-in [search][1] plugin provides client-side search inside the browser
+The [built-in search plugin][1] provides client-side search inside the browser
 and is implemented using [lunr.js][2] which includes stemmers for the English
 language by default, while stemmers for other languages are included with 
 [lunr-languages][3], both of which are integrated with this theme.
@@ -41,7 +41,19 @@ plugins:
 
 The following language codes are supported:
 
-<ul style="-webkit-columns: 2; -moz-columns: 2; columns: 2">
+<style>
+  .md-language-list {
+    -webkit-columns: 2;
+       -moz-columns: 2;
+            columns: 2;
+  }
+  .md-language-list li {
+    -webkit-column-break-inside: avoid;
+              page-break-inside: avoid;
+                   break-inside: avoid;
+  }
+</style>
+<ul class="md-language-list">
   <li><code>ar</code> / Arabic</li>
   <li><code>da</code> / Danish</li>
   <li><code>du</code> / Dutch</li>

material/assets/manifest.json

@@ -1,10 +1,10 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.bdb82690.min.js",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.546b0e0d.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.bdb82690.min.js.map",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.546b0e0d.min.js.map",
   "assets/javascripts/vendor.js": "assets/javascripts/vendor.aad0415a.min.js",
   "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.aad0415a.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.2613054f.min.js",
   "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.2613054f.min.js.map",
-  "assets/stylesheets/main.css": "assets/stylesheets/main.acbb280a.min.css",
+  "assets/stylesheets/main.css": "assets/stylesheets/main.60408940.min.css",
   "assets/stylesheets/palette.css": "assets/stylesheets/palette.31180ff2.min.css"
 }

material/base.html

@@ -41,7 +41,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.acbb280a.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.60408940.min.css' | url }}">
       {% if palette.primary or palette.accent %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.31180ff2.min.css' | url }}">
       {% endif %}
@@ -178,7 +178,7 @@
     {% endblock %}
     {% block scripts %}
       <script src="{{ 'assets/javascripts/vendor.aad0415a.min.js' | url }}"></script>
-      <script src="{{ 'assets/javascripts/bundle.bdb82690.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.546b0e0d.min.js' | url }}"></script>
       {%- set translations = {} -%}
       {%- for key in [
         "clipboard.copy",

material/overrides/home.html

@@ -3,5 +3,10 @@
 -#}
 {% extends "base.html" %}
 {% block announce %}
+  <img alt="🐣" class="twemoji" src="https://twemoji.maxcdn.com/v/latest/svg/1f423.svg" title=":hatching_chick:">
   Material for MkDocs 5.0.0rc2
+  <div class="admonition tip">
+    <p class="admonition-title">Admonition</p>
+    <p>Admonition content</p>
+  </div>
 {% endblock %}

src/assets/stylesheets/layout/_announce.scss

@@ -30,10 +30,9 @@
 
   // Actual content
   &__inner {
-    min-height: px2rem(48px);
+    margin: px2rem(12px) auto;
     padding: 0 px2rem(16px);
     color: var(--md-default-bg-color);
     font-size: px2rem(14px);
-    line-height: px2rem(48px);
   }
 }