<commit_before>@import "../../globals.md";
@import "./tabs";

// Material Design Tabs
// --------------------------------------------------

// Background color of the tabbar
$tabs-md-background:                   $toolbar-md-background !default;

// Padding on the tab button
$tabs-md-tab-padding:                  8px 0 10px 0 !default;

// Min height of the tab button
$tabs-md-tab-min-height:               5.6rem !default;

// Font size of the inactive tab button text
$tabs-md-tab-font-size:                1.2rem !default;

// Font weight of the tab button text
$tabs-md-tab-font-weight:              normal !default;

// Opacity of the inactive tab button
$tabs-md-tab-opacity:                  .7 !default;

// Text color of the inactive tab button
$tabs-md-tab-color:                    rgba($toolbar-md-inactive-color, $tabs-md-tab-opacity) !default;

// Padding of the active tab button
$tabs-md-tab-padding-active:           6px 0 10px 0 !default;

// Font size of the active tab button text
$tabs-md-tab-font-size-active:         1.4rem !default;

// Text color of the active tab button
$tabs-md-tab-color-active:             $toolbar-md-active-color !default;

// Margin on the tab button text
$tabs-md-tab-text-margin:              6px 0 !default;

// Capitalization of the tab button text
$tabs-md-tab-text-capitalization:      none !default;

// Transform for the tab button text
$tabs-md-tab-text-transform:           scale(.85) !default;

// Transform origin for the tab button text
$tabs-md-tab-text-transform-origin:    bottom center !default;

// Margin on the active tab button text
$tabs-md-tab-text-margin-active:       7px 0 !default;

// Transform for the active tab button text
$tabs-md-tab-text-transform-active:    scale(1) !default;

// Text transition for the tab button text
$tabs-md-tab-text-transition:          transform 200ms ease-in-out !default;

// Size of the tab button icon
$tabs-md-tab-icon-size:                2.4rem !default;


ion-tabbar {
  background: $tabs-md-background;
}

.tab-button {
  padding: $tabs-md-tab-padding;

  min-height: $tabs-md-tab-min-height;

  font-weight: $tabs-md-tab-font-weight;
  color: $tabs-md-tab-color;

  &[aria-selected=true] {
    padding: $tabs-md-tab-padding-active;

    font-size: $tabs-md-tab-font-size-active;
    color: $tabs-md-tab-color-active;
  }
}

.tab-button-text {
  margin: $tabs-md-tab-text-margin;

  text-transform: $tabs-md-tab-text-capitalization;
  transform: $tabs-md-tab-text-transform;
  transform-origin: $tabs-md-tab-text-transform-origin;

  transition: $tabs-md-tab-text-transition;
}

.tab-button[aria-selected=true] .tab-button-text {
  margin: $tabs-md-tab-text-margin-active;
  transform: $tabs-md-tab-text-transform-active;
}

.tab-button-icon {
  min-width: $tabs-md-tab-icon-size + 5;

  font-size: $tabs-md-tab-icon-size;
}

[tabsLayout=icon-top] .has-icon .tab-button-text {
  margin-bottom: 0;
}

[tabsLayout=icon-bottom] {<commit_msg>chore: fix linter error<commit_after>@import "../../globals.md";
@import "./tabs";

// Material Design Tabs
// --------------------------------------------------

// Background color of the tabbar
$tabs-md-background:                   $toolbar-md-background !default;

// Padding on the tab button
$tabs-md-tab-padding:                  8px 0 10px 0 !default;

// Min height of the tab button
$tabs-md-tab-min-height:               5.6rem !default;

// Font size of the inactive tab button text
$tabs-md-tab-font-size:                1.2rem !default;

// Font weight of the tab button text
$tabs-md-tab-font-weight:              normal !default;

// Opacity of the inactive tab button
$tabs-md-tab-opacity:                  .7 !default;

// Text color of the inactive tab button
$tabs-md-tab-color:                    rgba($toolbar-md-inactive-color, $tabs-md-tab-opacity) !default;

// Padding of the active tab button
$tabs-md-tab-padding-active:           6px 0 10px 0 !default;

// Font size of the active tab button text
$tabs-md-tab-font-size-active:         1.4rem !default;

// Text color of the active tab button
$tabs-md-tab-color-active:             $toolbar-md-active-color !default;

// Margin on the tab button text
$tabs-md-tab-text-margin:              6px 0 !default;

// Capitalization of the tab button text
$tabs-md-tab-text-capitalization:      none !default;

// Transform for the tab button text
$tabs-md-tab-text-transform:           scale(.85) !default;

// Transform origin for the tab button text
$tabs-md-tab-text-transform-origin:    bottom center !default;

// Margin on the active tab button text
$tabs-md-tab-text-margin-active:       7px 0 !default;

// Transform for the active tab button text
$tabs-md-tab-text-transform-active:    scale(1) !default;

// Text transition for the tab button text
$tabs-md-tab-text-transition:          transform 200ms ease-in-out !default;

// Size of the tab button icon
$tabs-md-tab-icon-size:                2.4rem !default;


ion-tabbar {
  background: $tabs-md-background;
}

.tab-button {
  padding: $tabs-md-tab-padding;

  min-height: $tabs-md-tab-min-height;

  font-weight: $tabs-md-tab-font-weight;
  color: $tabs-md-tab-color;

  &[aria-selected=true] {
    padding: $tabs-md-tab-padding-active;

    font-size: $tabs-md-tab-font-size-active;
    color: $tabs-md-tab-color-active;
  }
}

.tab-button-text {
  margin: $tabs-md-tab-text-margin;

  text-transform: $tabs-md-tab-text-capitalization;
  transform: $tabs-md-tab-text-transform;
  transform-origin: $tabs-md-tab-text-transform-origin;

  transition: $tabs-md-tab-text-transition;
}

.tab-button[aria-selected=true] .tab-button-text {
  margin: $tabs-md-tab-text-margin-active;

  transform: $tabs-md-tab-text-transform-active;
}

.tab-button-icon {
  min-width: $tabs-md-tab-icon-size + 5;

  font-size: $tabs-md-tab-icon-size;
}

[tabsLayout=icon-top] .has-icon .tab-button-text {
  margin-bottom: 0;
}

[tabsLayout=icon-bottom] {
{'fraction_non_alphanumeric': 0.15668746837578007, 'fraction_numerical': 0.010457075392140327, 'mean_word_length': 2.4820904286553143, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1861477', 'n_tokens_mistral': 2040, 'n_tokens_neox': 1964, 'n_words': 479}