@use "variables" as fa-variables;

// icons in a list
// -------------------------

.#{fa-variables.$fa-css-prefix}-ul {
  list-style-type: none;
  margin-left: var(
    --#{fa-variables.$fa-css-prefix}-li-margin,
    #{fa-variables.$fa-li-margin}
  );
  padding-left: 0;

  > li {
    position: relative;
  }
}

.#{fa-variables.$fa-css-prefix}-li {
  left: calc(
    -1 *
      var(
        --#{fa-variables.$fa-css-prefix}-li-width,
        #{fa-variables.$fa-li-width}
      )
  );
  position: absolute;
  text-align: center;
  width: var(
    --#{fa-variables.$fa-css-prefix}-li-width,
    #{fa-variables.$fa-li-width}
  );
  line-height: inherit;
}