// Icon Positioning
// -------------------------

/* List */
.#{$lk-css-prefix}-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.#{$lk-css-prefix}-ul > li {
  position: relative;
}

.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}:first-child,
.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}s:first-child,
.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}r:first-child,
.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}l:first-child,
.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}d:first-child,
.#{$lk-css-prefix}-ul > li > .#{$lk-css-prefix}b:first-child,
.#{$lk-css-prefix}-li {
  justify-content: center; /* .#{$lk-css-prefix} is inline-flex */
  left: -2em;
  line-height: inherit;
  position: absolute;
  text-align: center; /* .fa original syntax use inline-block   */
  width: 2em;
}

/* Pull */
.#{$lk-css-prefix}-pull-left,
.#{$lk-css-prefix}-float-left {
  float: left;
  margin-right: .3em;
}

.#{$lk-css-prefix}-pull-right,
.#{$lk-css-prefix}-float-right {
  float: right;
  margin-left: .3em;
}

/* Margin-left */
.#{$lk-css-prefix}-ml {
  margin-left: .3em;
}

/* Margin-right */
.#{$lk-css-prefix}-mr {
  margin-right: .3em;
}

/* Block */
.#{$lk-css-prefix}-block-left {
  display: block;
  margin-right: auto;
  text-align: left;
}

.#{$lk-css-prefix}-block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.#{$lk-css-prefix}-block-right {
  display: block;
  margin-left: auto;
  text-align: right;
}

/* Flex */
.#{$lk-css-prefix}-flex-left {
  display: flex;
  margin-right: auto;
  justify-content: left;
}

.#{$lk-css-prefix}-flex-center {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.#{$lk-css-prefix}-flex-right {
  display: flex;
  margin-left: auto;
  justify-content: right;
}