mostrar borde alrededor de los elementos

assets/css/styles.scss

@@ -2,6 +2,8 @@
 # Ponemos un frontmatter porque queremos que Jekyll procese este archivo
 ---
 
+$debug: {{ jekyll.environment | not: 'production' }};
+
 /*
  * Redefinir variables de Boostrap acá.  Se las puede ver en
  * node_modules/bootstrap/scss/_variables.scss
@@ -19,3 +21,11 @@
 @import "toggler";
 @import "share_box";
 @import "embed";
+
+@if $debug {
+  /*
+   * Mostrar un borde alrededor de todos los elementos para poder
+   * trabajar.
+   */
+  * { outline: 1px solid pink; }
+}