@import './constant';
@import './mixin';

// Html, Body [FRAMEWORK-]
html, body {
  margin: 0;                                                                        /* @stable [16.09.2018] */
  padding: 0;                                                                       /* @stable [16.09.2018] */
  height: 100%;                                                                     /* @stable [16.09.2018] */
  width: 100%;                                                                      /* @stable [16.09.2018] */
  -webkit-tap-highlight-color: transparent;                                         /* @stable [16.09.2018] */
  overflow: $html-overflow;                                                         /* @stable [21.09.2018] */
}

* {
  -webkit-font-smoothing: antialiased;
}

// Rac [FRAMEWORK-]
.rac {

  input::-ms-clear {                                                                          /* @stable [25.12.2018] */
    @include rac-styles(
      $rac-styles-display: none,
      $rac-styles-width: 0,
      $rac-styles-height: 0
    );
  }

  @include rac-styles(                                                                        /* @stable [13.12.2018] */
    $rac-styles-min-width: $rac-min-width
  );

  .rac-overflow-ellipsis {
    display: inline-block;                                                          /* @stable [16.09.2018] */
    overflow: hidden;                                                               /* @stable [16.09.2018] */
    text-overflow: ellipsis;                                                        /* @stable [16.09.2018] */
    white-space: nowrap;                                                            /* @stable [16.09.2018] */
    max-width: 100%;                                                                /* @stable [16.09.2018] */

    * {
      text-overflow: ellipsis;                                                      /* @stable [16.09.2018] */
      overflow: hidden;                                                             /* @stable [16.09.2018] */
    }
  }

  @include rac-icon($rac-icon-custom: $rac-action-icon-cls,                                   /* @stable [07.03.2019] */
                    $rac-icon-size: $rac-action-icon-size,
                    $rac-icon-color: $rac-action-icon-color,
                    $rac-icon-cursor: $rac-action-icon-cursor);

  @include rac-icon($rac-icon-custom: rac-disabled-icon,                                      /* @stable [21.11.2018] */
                    $rac-icon-opacity: $opacity);

  @include rac-icon($rac-icon-custom: rac-cls2($rac-action-icon-cls, rac-disabled-icon),/* @stable [07.03.2019] */
                    $rac-icon-cursor: default);
}

// Root [FRAMEWORK-]
.rac-root {
  height: 100%;
  width: 100%;
}

// Core [FRAMEWORK-][RAC+]
.rac {

  :focus {
    outline: none;                    /* @stable [23.06.2018] */
  }

  a {
    text-decoration: none;            /* @stable [23.06.2018] */
  }

  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;         /* @stable [06.06.2018] */
    -moz-appearance: none;            /* @stable [06.06.2018] */
    margin: 0;                        /* @stable [06.06.2018] */
  }
}