// 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

@import '../libSupport/deprecated';
@import '../utilityVariables/important';
@import '../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
///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties";
#{$scope}.#{$prefix}util_floatLeft {
  float: left $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
///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties";
#{$scope}.#{$prefix}util_floatRight {
  float: right $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
///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/layoutProperties";
#{$scope}.#{$prefix}util_margin--auto {
  margin: 0 auto $important;
}