_sass/utilities.scss in compost-jekyll-theme-0.2.3 vs _sass/utilities.scss in compost-jekyll-theme-0.3.0

@@ -44,10 +44,21 @@
         &:focus {
           color: var(--#{$color});
         }
       }
 
+      /// Cambiar el fondo al pasar por encima o hacer foco
+      ///
+      /// @example html
+      ///   <div class="background-black background-hover-red"></div>
+      .background-hover#{$infix}-#{$color} {
+        &:hover,
+        &:focus-within {
+          background-color: var(--#{$color});
+        }
+      }
+
       @each $attr in $svg-attributes {
         /// Poder cambiar el relleno o la línea de un SVG
         ///
         /// @example html
         ///   <div class="stroke-black fill-red">
@@ -168,10 +179,15 @@
       }
 
       .lh#{$infix}-#{$spacer} {
         line-height: $length !important;
       }
+
+      ///   <div class="rounded-3"></div>
+      .rounded#{$infix}-#{$spacer} {
+        border-radius: $length !important;
+      }
     }
 
     /// Anchos y altos en base a `$sizes` definido por Bootstrap.  Para
     /// personalizar los tamaños, modificarlos o agregarlos en `styles.scss`
     ///
@@ -241,18 +257,18 @@
 .zindex-modal-backdrop { z-index: 1040; }
 .zindex-modal { z-index: 1050; }
 .zindex-popover { z-index: 1060; }
 .zindex-tooltip { z-index: 1070; }
 
+b,
+strong {
+  font-weight: $font-weight-bold;
+}
+
 code {
   background-color: $code-background;
   border-radius: $code-radius;
   font-family: $code-font-family;
-}
-
-b,
-strong {
-  font-weight: $font-weight-bold;
 }
 
 .rotate {
   width: 60px;
   transform: rotate(90deg);