/// Alignment of the logo in desktop layout. In phone layout, logos
/// are always displayed left aligned.
///
/// - `"left"`: Left align logo.
///
/// - `"right"`: Right align logo in desktop layout.
$logo-alignment: "left" !default;

// Left position relative to page when logo is left aligned.
$logo-left: 8% !default;

// Right position relative to page when logo is right aligned.
$logo-right: 14% !default;

@mixin logo-alignment {
  @include desktop {
    @if $logo-alignment == "left" {
      @include position-start($logo-left);
    } @else {
      @include position-end($logo-right);
    }
  }

  @include phone {
    left: $logo-left;
  }
}

/// Alignment of the logo in desktop layout. In phone layout, logos
/// are always displayed left aligned.
///
/// - `"left"`: Left align logo.
///
/// - `"right"`: Right align logo in desktop layout.
$logo-alignment: "left" !default;

// Left position relative to page when logo is left aligned.
$logo-left: 8% !default;

// Left position relative to page when logo is left aligned in desktop layout.
$logo-mobile-left: null !default;

// Right position relative to page when logo is right aligned.
$logo-right: 14% !default;

@mixin logo-alignment {
  @include desktop {
    @if $logo-alignment == "left" {
      @include position-start($logo-left);
    } @else {
      @include position-end($logo-right);
    }
  }

  @include phone {
    left: $logo-left;
  }

  @include mobile {
    @include position-start($logo-mobile-left);
  }
}

Add theme option to change left position of logo
Add theme option to change left position of logo

REDMINE-18778
