// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.

// ---------------------------------------------------------------------
// Variables are defined by baseline Design Tokens

@use '../libSupport/deprecated';
@use '../utilityVariables/important';
@use '../libSupport/manageScope';

// floats
// ---------------------------------------------------------------------

/// Utility class to set elements to float `left`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-layout
/// @example scss - Default selector(s)
///   .util_floatLeft {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_floatLeft {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_floatLeft {}
///
/// @example scss - import mixin file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_floatLeft {
  float: left important.$important;
}

/// Utility class to set elements to float `right`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-layout
/// @example scss - Default selector(s)
///   .util_floatRight {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_floatRight {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_floatRight {}
///
/// @example scss - import mixin file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_floatRight {
  float: right important.$important;
}

/// Utility class to center content within a block element
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-layout
/// @example scss - Default selector(s)
///   .util_margin--auto {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_margin--auto {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_margin--auto {}
///
/// @example scss - import mixin file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_margin--auto {
  margin: 0 auto important.$important;
}