main.scss

// Theme Material : https://material.angular.io
//@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "layout/grid";
//@import "layout/flexboxgrid";
@import "abstracts/variables";
@import "abstracts/mixins";
@import "abstracts/functions";
@import "abstracts/placeholders";
@import '~@angular/material/theming';
@import "base/reset";
@import "base/typography";
@import "layout/dialogs";

// always include only once per project
@include mat-core();

@import "themes/basic-theme";
@import "themes/yareta-theme";
@import "themes/dlcm-theme";

a {
  cursor: pointer;
  text-decoration: none;
  color: $primary-color;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;

  &:hover {
    color: $primary-color-darker;
  }

  &:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: $primary-color-darker;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }

  &:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

html {
  height: 100vh;
}

html * {
  font-size: 1em;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

mat-dialog-container {
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

*:focus {
  outline: none;
}

.mat-placeholder-required {
  color: $red;
}

.mat-snack-bar-container {
  border-left: 8px solid;

  &.success {
    border-color: $success;
  }

  &.error {
    border-color: $error;
  }

  &.warn {
    border-color: $warning;
  }

  &.info {
    border-color: $info;
  }
}

ul, li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none
}

.mat-tab-header-pagination {
  visibility: hidden;
}