<commit_before>@import 'css/romo/vars';
@import 'css/romo/mixins';

.romo-select-wrapper {
  text-align: left;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  @include user-select(none);
}

.romo-select {
  display: inline-block;
  *display: inline;

  min-width: 50px;
  font-weight: normal;
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
}

.romo-select.disabled,
.romo-select[disabled] { cursor: $notAllowedCursor; }

.romo-select-wrapper {
  position: relative;
}

.romo-select-text {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.romo-select-caret {
  position: absolute;
  right: 6px;
  vertical-align: middle;
}

.romo-select-option-list {
  cursor: pointer;
  font-weight: normal;
  padding: 4px 0;
  @include user-select(none);
}

.romo-select-option-list UL {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}

.romo-select-option-list LI.disabled { cursor: $notAllowedCursor; }

/* variable */

.romo-select-option-list LI {
  font-size: $baseFontSize;
  line-height: $baseLineHeight;
  height: $baseLineHeight;
  padding: 0 $spacingSize1;
}

.romo-select-option-list LI[data-romo-select-item="optgroup"] {
  font-size: $fontSize0;
  line-height: $lineHeight0;
  height: $lineHeight0;
}

.romo-select-option-list UL.romo-select-optgroup LI {
  padding-left: $spacingSize1 * 2;
}

/* theme */

.romo-select:focus{ @include input-focus; }

.romo-select:active,
.romo-select.active {
  background-image: none;
  outline: 0;
  @include box-shadow((inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)));
}

.romo-select.disabled,
.romo-select[disabled] {
  color: $disabledColor;
}
.romo-select-option-list {
  background-color: #ffffff;
  color: #333333;
}

.romo-select-option-list LI[data-romo-select-item="optgroup"] {
  background-color: #333333;
  color: #ffffff;
}

.romo-select-option-list LI.disabled,
.romo-select-option-list LI.disabled.romo-select-highlight {
  background-color: #ffffff;
  color: $disabledColor;
}

.romo-select-option-list LI.romo-select-highlight {
  background-color: #3c83c7;
  color: #ffffff;
}<commit_msg>select css: reorg and switch thematic styles to variables<commit_after>@import 'css/romo/vars';
@import 'css/romo/mixins';

.romo-select-wrapper {
  text-align: left;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  @include user-select(none);
  position: relative;
}

.romo-select {
  display: inline-block;
  *display: inline;

  min-width: 50px;
  font-weight: normal;
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
}

.romo-select:focus{ @include input-focus; }

.romo-select:active,
.romo-select.active {
  background-image: none;
  outline: 0;
  @include box-shadow((inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)));
}

.romo-select-text {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.romo-select-caret {
  position: absolute;
  right: 6px;
  vertical-align: middle;
}

.romo-select-option-list {
  cursor: pointer;
  font-weight: normal;
  padding: 4px 0;
  @include user-select(none);

  background-color: $baseBackground;
  color: $baseColor;
}

.romo-select-option-list UL {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}

.romo-select-option-list LI {
  font-size: $baseFontSize;
  line-height: $baseLineHeight;
  height: $baseLineHeight;
  padding: 0 $spacingSize1;
}

.romo-select-option-list UL.romo-select-optgroup LI {
  padding-left: $spacingSize1 * 2;
}
.romo-select-option-list LI[data-romo-select-item="optgroup"] {
  font-size: $fontSize0;
  line-height: $lineHeight0;
  height: $lineHeight0;

  background-color: #$baseColor;
  color: $baseBackground;
}

.romo-select-option-list LI.romo-select-highlight {
  background-color: #3c83c7;
  color: #ffffff;
}

.romo-select-option-list LI.disabled {
  cursor: $notAllowedCursor;
}

.romo-select-option-list LI.disabled,
.romo-select-option-list LI.disabled.romo-select-highlight {
  background-color: $baseBackground;
  color: $disabledColor;
}
{'fraction_non_alphanumeric': 0.15627257404286057, 'fraction_numerical': 0.029376354442571636, 'mean_word_length': 3.91016548463357, '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': '4596352', 'n_tokens_mistral': 1718, 'n_tokens_neox': 1606, 'n_words': 314}