@use "sass:selector";

// adds variables
@mixin include-variables($child, $map) {
    @at-root #{selector.unify(&, $child)} {
        @each $key, $val in $map {
                --bs-#{$key}: #{$val};
        }
      @content;
    }
}

@mixin outline($size, $color: $outline-default-color) {
    outline: $outline-default-style $size $color !important;
}

@mixin social-media($hover: true){
    @each $social, $color in $social-media-colors{
        &.ca-gov-icon-#{$social},
        &.ca-gov-icon-share-#{$social}{
            color: $color;
  
            @if( $hover ){
                &:hover,
                &:focus {
                  color: darken($color, 10%);
                }
            }
        }
    }
}