Added block styles for critic extension

docs/extensions/pymdown.md

@@ -165,6 +165,13 @@ Text can be {--deleted--} and replacement text {++added++}. This can also be
 combined in {~~one~>a single~~} operation. {==Highlighting==} is also possible
 {>>and comments can be added inline<<}.
 
+{==
+
+This can also be applied to blocks, by putting the opening and closing tags on
+separate lines and adding a new line between the tag and the content each.
+
+==}
+
   [15]: https://facelessuser.github.io/pymdown-extensions/extensions/critic/
   [16]: http://criticmarkup.com/
 

material/base.html

@@ -37,7 +37,7 @@
       {% include "partials/fonts.html" %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-96d55a1439.css">
+      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-6abc478b22.css">
       {% if config.extra.palette %}
         <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css">
       {% endif %}

src/assets/stylesheets/extensions/pymdown/_critic.scss

@@ -54,7 +54,7 @@
   }
 
   // Comment
-  .comment.critic {
+  .critic.comment {
     background-color: $md-code-background;                                      // TODO: rename, centralize somehow
     color: $md-code-color;
     box-shadow:
@@ -71,4 +71,23 @@
       vertical-align: -0.125em;
     }
   }
+
+  // Block
+  .critic.block {
+    display: block;
+    margin: 1em 0;
+    padding-right: 1.6rem;
+    padding-left: 1.6rem;
+    box-shadow: none;
+
+    // Decrease spacing on first element
+    :first-child {
+      margin-top: 0.5em;
+    }
+
+    // Decrease spacing on last element
+    :last-child {
+      margin-bottom: 0.5em;
+    }
+  }
 }