@use "variables" as fa-variables;

// bordered + pulled icons
// -------------------------

.#{fa-variables.$fa-css-prefix}-border {
  border-color: var(
    --#{fa-variables.$fa-css-prefix}-border-color,
    #{fa-variables.$fa-border-color}
  );
  border-radius: var(
    --#{fa-variables.$fa-css-prefix}-border-radius,
    #{fa-variables.$fa-border-radius}
  );
  border-style: var(
    --#{fa-variables.$fa-css-prefix}-border-style,
    #{fa-variables.$fa-border-style}
  );
  border-width: var(
    --#{fa-variables.$fa-css-prefix}-border-width,
    #{fa-variables.$fa-border-width}
  );
  padding: var(
    --#{fa-variables.$fa-css-prefix}-border-padding,
    #{fa-variables.$fa-border-padding}
  );
}

.#{fa-variables.$fa-css-prefix}-pull-left {
  float: left;
  margin-right: var(
    --#{fa-variables.$fa-css-prefix}-pull-margin,
    #{fa-variables.$fa-pull-margin}
  );
}

.#{fa-variables.$fa-css-prefix}-pull-right {
  float: right;
  margin-left: var(
    --#{fa-variables.$fa-css-prefix}-pull-margin,
    #{fa-variables.$fa-pull-margin}
  );
}