diff --git a/_sass/helpers.scss b/_sass/helpers.scss index f569696..e6170da 100644 --- a/_sass/helpers.scss +++ b/_sass/helpers.scss @@ -307,7 +307,7 @@ $directions: (top, right, bottom, left); .hover-#{$color} { &:hover, &:focus-within { - color: var(--#{$color}); + color: var(--#{$color}) !important; } } diff --git a/assets/css/styles.scss b/assets/css/styles.scss index bbcaac5..f822e0e 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -53,8 +53,33 @@ $colors: ( $theme-colors: ( ); +$spacer: 1rem !default; +$spacers: ( + 6: ($spacer * 4), + 7: ($spacer * 5), + 8: ($spacer * 6), + 9: ($spacer * 7), + 10: ($spacer * 8), + 11: ($spacer * 9), + 12: ($spacer * 10), + 13: ($spacer * 11), + 14: ($spacer * 12), + 15: ($spacer * 13), +); + /// TamaƱos (anchos y altos) redefinidos desde Bootstrap. $sizes: ( + 10: 10%, + 20: 20%, + 30: 30%, + 40: 40%, + 50: 50%, + 60: 60%, + 70: 70%, + 80: 80%, + 90: 90%, + 50vh: 50vh, + 75vh: 75vh 100vh: 100vh, 100vw: 100vw );