PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/trave494/mytube.pm/wp-content/plugins/social-pug/assets/src/css/abstract/
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64
IP: 209.182.202.254
Choose File :

Url:
Dir : /home/trave494/mytube.pm/wp-content/plugins/social-pug/assets/src/css/abstract/_mixins.scss

// `@include network-color('facebook',#3a579a, #334d87)` will add the styling for the facebook icon with the appropriate brand and hover colors
@mixin network-color($slug, $default, $hover) {
  .dpsp-#{$slug} {
    --networkAccent: #{$hover};
    --networkColor: #{rgba($default, 1)};
    --networkHover: #{rgba($hover, 0.4)};
  }
  .dpsp-networks-btns-wrapper .dpsp-network-btn.dpsp-#{$slug} {
    border-color: $default;
    color: $default;
    background: $default;
    &:not(:hover):not(:active) {
      color: $default;
    }
    .dpsp-network-icon {
      border-color: $default;
      color: $default;
      background: $default;
      &.dpsp-network-icon-outlined {
        .dpsp-network-icon-inner > svg {
          fill: none !important;
          stroke: var(--customNetworkColor, var(--networkColor, $default));
          stroke-width: 1;
        }
      }
      .dpsp-network-icon-inner > svg {
        fill: var(--customNetworkColor, var(--networkColor, $default));
        & > svg {
          fill: var(--customNetworkColor, var(--networkColor, $default));
          stroke: var(--customNetworkColor, var(--networkColor, $default));
          stroke-width: 1;
        }
      }
    }

    &:hover,
    &:focus {
      border-color: $hover;
      color: $hover;
      background: $hover;

      .dpsp-network-icon {
        border-color: $hover;
        color: $hover;
        background: $hover;

        .dpsp-network-icon-inner > svg {
          fill: $hover;
          & > svg {
            fill: var(--customNetworkHoverColor, var(--networkHover, $hover));
            stroke: var(--customNetworkHoverColor, var(--networkHover, $hover));
          }
        }
      }
    }
  }
}

// `@include css-var('color','color-body', red)` will add a css variable call to --mv-trellis-color-body, with a fallback color
@mixin css-var($property, $css-var, $default) {
  #{$property}: $default;
  #{$property}: var(--mv-grow-#{$css-var}, $default);
}