/*
Sobreescrevo o padrão do body é de 16px.
Como o objetivo é manter tamanhos e espaçamentos como multiplos de 4,
alterar o font-size do html para 14px afetaria o tamanho do REM que é a
base de tamanho para todos os outros elementos.
Tamanhos baseados em 4 são compatíveis com a maior parte das telas e monitores.
*/
body {
    font-size: 14px !important;
}

/*====FORMATAÇÃO DA TABELA ========*/
//TODO Mover para o componente DataTable
$table-striped-row-even-background-color: $color-gray-50 !default;
$table-cell-border: none !default;//0px solid $border !default
$table-head-cell-border-width: 0 0 2px !default;
$table-row-hover-background-color : $color-gray-100 !default;
$table-striped-row-even-hover-background-color: $color-gray-100 !default;

$table-cell-padding: 0.4em 0.75em !default;
/*=================================*/

/*=======FORMATAÇÃO DAS ABAS =======*/
$color-tab-active : $color-primary-100;
$color-tab-hover  : $color-primary-80;

//definição das tabs
$tabs-border-bottom-width : 4px;
$tabs-link-color :  $color-gray-150;
$tabs-border-bottom-color : $color-gray-100;
$tabs-link-hover-color : $color-tab-hover;
$tabs-link-hover-border-bottom-color : $color-tab-hover;
$tabs-link-active-border-bottom-color : $color-tab-active;
$tabs-link-active-color : $color-tab-active;
/*==================================*/



$block-spacing: 0.750rem !default;

button.button {
  font-size: $font-size-default;

  &.is-small {
    font-size: $font-size-small !important;
  }
}

.input {
  font-size: $font-size-default;
}

/* Removo a scrollbar adicionada pelo vuetify ao gerar o projeto */
html { overflow-y: auto !important}

@import '../../../bulma/sass/utilities/initial-variables.sass';

// Precisa vir antes do @import .._all para permitir sobreescrever a variável
$size-normal: $font-size-default !default;
$size-medium: $size-6 !default;
$size-large: $size-5  !default;