<commit_before>/* === Menu === */
@import url('./menu-vars.less');

.menu {
  z-index: 1000;
  position: relative;
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.menu-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: var(--f7-menu-item-spacing);
  padding-right: var(--f7-menu-item-spacing);
  &:after {
    content: '';
    width: var(--f7-menu-item-spacing);
    height: 100%;
    flex-shrink: 0;
  }
}
.menu-item {
  height: var(--f7-menu-item-height);
  min-width: var(--f7-menu-item-height);
  flex-shrink: 0;
  background: var(--f7-menu-bg-color);
  color: var(--f7-menu-text-color);
  border-radius: var(--f7-menu-item-border-radius);
  margin-left: var(--f7-menu-item-spacing);
  position: relative;
  box-sizing: border-box;
  font-size: var(--f7-menu-font-size);
  font-weight: var(--f7-menu-font-weight);
  cursor: pointer;
  &:first-child {
    margin-left: 0;
  }
  &.active-state:not(.menu-item-dropdown-opened) {
    background-color: rgba(0,0,0,0.7);
  }

  &.icon-only {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--f7-menu-item-padding-horizontal);
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-radius: var(--f7-menu-item-border-radius);
  position: relative;
  &.icon-only, .icon-only & {
    padding-left: 0;
    padding-right: 0;
  }
  .menu-item-dropdown &:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;<commit_msg>v4: Core: Menu - fix RTL spacing<commit_after>/* === Menu === */
@import url('./menu-vars.less');

.menu {
  z-index: 1000;
  position: relative;
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.menu-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: var(--f7-menu-item-spacing);
  padding-right: var(--f7-menu-item-spacing);
  &:after {
    content: '';
    width: var(--f7-menu-item-spacing);
    height: 100%;
    flex-shrink: 0;
  }
}
.menu-item {
  height: var(--f7-menu-item-height);
  min-width: var(--f7-menu-item-height);
  flex-shrink: 0;
  background: var(--f7-menu-bg-color);
  color: var(--f7-menu-text-color);
  border-radius: var(--f7-menu-item-border-radius);
  position: relative;
  box-sizing: border-box;
  font-size: var(--f7-menu-font-size);
  font-weight: var(--f7-menu-font-weight);
  cursor: pointer;
  .ltr({
    margin-left: var(--f7-menu-item-spacing);
    &:first-child {
      margin-left: 0;
    }
  });
  .rtl({
    margin-right: var(--f7-menu-item-spacing);
    &:first-child {
      margin-right: 0;
    }
  });

  &.active-state:not(.menu-item-dropdown-opened) {
    background-color: rgba(0,0,0,0.7);
  }

  &.icon-only {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--f7-menu-item-padding-horizontal);
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-radius: var(--f7-menu-item-border-radius);
  position: relative;
  &.icon-only, .icon-only & {
    padding-left: 0;
    padding-right: 0;
  }
  .menu-item-dropdown &:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
{'fraction_non_alphanumeric': 0.19813589897775105, 'fraction_numerical': 0.02736019242333133, 'mean_word_length': 2.8329493087557602, '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': '504487', 'n_tokens_mistral': 1396, 'n_tokens_neox': 1319, 'n_words': 217}