styles.scss in adhesiones-jekyll-theme-0.2.2

- old
+ new

@@ -1,9 +1,26 @@
 ---
 # Ponemos un frontmatter porque queremos que Jekyll procese este archivo
 ---
 
+$debug: {{ jekyll.environment | not: 'production' }};
+$vendor-prefixes: ("", "-webkit-", "-ms-", "-o-", "-moz-");
+$bezier: cubic-bezier(0.75, 0, 0.25, 1);
+
+$colors: (
+  "black": black
+);
+
+$opacities: (
+  0: -100%,
+  1: -80%,
+  2: -60%,
+  3: -40%,
+  4: -20%,
+  5: 0%
+);
+
 $font-family-sans-serif: Saira, sans-serif;
 $redpink: #ff3f56;
 $pink: #f31a69;
 
 $link-color: $pink;
@@ -17,34 +34,35 @@
 );
 
 $border-width: 0.3rem;
 $border-color: $pink;
 
-@each $name, $color in $theme-colors {
-  .#{$name} {
-    color: $color !important;
-  }
-}
-
 .font-bigger {
   font-size: 2rem !important;
 }
 
 /*
+ * Redefinir variables de Boostrap acá.  Se las puede ver en
+ * node_modules/bootstrap/scss/_variables.scss
+ */
+
+/*
  * XXX: Solo importar los archivos necesarios de bootstrap para
  * facilitar la reducción de CSS.  Por ahora pedimos todo para poder
  * empezar a trabajar en el HTML sin pensar en CSS.
- *
- * Los archivos se encuentran en node_modules/bootstrap/scss
  */
 @import "font";
 @import "bootstrap/scss/bootstrap";
 @import "fork-awesome/scss/fork-awesome";
 @import "accessibility";
 @import "helpers";
 @import "toggler";
 @import "share_box";
+@import "embed";
+@import "snap";
+@import "editor";
+@import "menu";
 
 .callout {
   padding: 15px;
   margin: 25px 0;
   border-left: 3px  solid #343a40;/*--gray-dark*/
@@ -78,6 +96,14 @@
       + .btn-block {
         margin-top: $btn-block-spacing-y;
       }
     }
   }
+}
+
+@if $debug {
+  /*
+   * Mostrar un borde alrededor de todos los elementos para poder
+   * trabajar.
+   */
+  * { outline: 1px solid pink; }
 }