/**
 * Copyright (c) Matthieu Jabbour. All Rights Reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

// Centered's classes hierarchy is:
// .ui-centered
//   --horizontal
//   --vertical
//
// Hint: to apply styling to a list of modifiers's children:
// &--[modifier1]#{&}--[modifier2]...#{&} & {
//   &__child {
//      ...
//   }
// }

.ui-centered {
  display: flex;
  position: relative;

  &--horizontal {
    justify-content: center;
  }

  &--vertical {
    align-items: center;
  }

  & > * {
    max-width: 100%;
    max-height: 100%;
  }
}