<commit_before>@import "ui-variables";
@import "buttons";

@double-padding: @component-padding * 2;
@half-padding: @component-padding / 2;
@two-third-padding: (@component-padding / 3) * 2;

.flex-container {
  position: relative;
  width: 100%;
  display: -webkit-flex;
}

.row-number-placeholder {
  padding: 2px 10px;
  text-align: right;
}

.cell {
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
  height: 100%;
  padding: 2px 6px;
  border-right: 1px solid @background-color-highlight;
  position: absolute;
}

atom-pane .tab-bar .tab[data-type="CSVEditor"] .title[data-path]::before,
[data-type="CSVEditor"] .title::before,
[data-type="TableEditor"] .title::before {
  font-family: "Octicons Regular";
  text-align: center;
  content: "\f062";
  margin-right: 5px;
  color: @text-color-info;
  position: relative;
  vertical-align: middle;
  top: 1px;
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

//    ######   ######## ##    ## ######## ########     ###    ##
//   ##    ##  ##       ###   ## ##       ##     ##   ## ##   ##
//   ##        ##       ####  ## ##       ##     ##  ##   ##  ##
//   ##   #### ######   ## ## ## ######   ########  ##     ## ##
//   ##    ##  ##       ##  #### ##       ##   ##   ######### ##
//   ##    ##  ##       ##   ### ##       ##    ##  ##     ## ##
//    ######   ######## ##    ## ######## ##     ## ##     ## ########

atom-table-editor {
  position: relative;
  -webkit-flex-direction: column;
  display: -webkit-flex;
  color: @text-color;
  -webkit-user-select: none;

  atom-text-editor {
    position: fixed;
    margin: 0;
    border: 1px solid @background-color-info;
    box-shadow: 0 5px 10px 3px rgba(0,0,0,0.2);
    z-index: 1;

    &::shadow .gutter {
      display: none;
    }

    &[data-row]::before {
      content:  '#' attr(data-row) ' ' attr(data-column);
      position: absolute;
      top: 0;
      left: -1px;
      transform: translate(0, -100%);
      font-size: 0.7em;
      background: @background-color-info;
      color: @base-background-color;
      padding: 2px 6px;
    }
  }

  &.with-editor-gutter atom-text-editor::shadow .gutter {
    display: block;
  }

  &::shadow {
    * {
      box-sizing: border-box;
    }

    .hidden-input {
      position: absolute;
      width: 0;
      height: 0;
      background: transparent;
      border: none;
      outline: none
    }

    &.demo {
      position: absolute;
    }

    //    ##     ## ########    ###    ########  ######## ########
    //    ##     ## ##         ## ##   ##     ## ##       ##     ##
    //    ##     ## ##        ##   ##  ##     ## ##       ##     ##
    //    ######### ######   ##     ## ##     ## ######   ########
    //    ##     ## ##       ######### ##     ## ##       ##   ##
    //    ##     ## ##       ##     ## ##     ## ##       ##    ##
    //    ##     ## ######## ##     ## ########  ######## ##     ##

    .table-edit-header {
      top: 0;
      left: 0;
      right: 0;
      border: 1px solid @background-color-highlight;
      z-index: 1;
    }

    .table-edit-header, .table-edit-header-content, .table-edit-header-row {<commit_msg>:art: Make styles more consistent when themes are contrasted<commit_after>@import "ui-variables";
@import "buttons";

@double-padding: @component-padding * 2;
@half-padding: @component-padding / 2;
@two-third-padding: (@component-padding / 3) * 2;

.flex-container {
  position: relative;
  width: 100%;
  display: -webkit-flex;
}

.row-number-placeholder {
  padding: 2px 10px;
  text-align: right;
}

.cell {
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
  height: 100%;
  padding: 2px 6px;
  border-right: 1px solid @background-color-highlight;
  position: absolute;
}

atom-pane .tab-bar .tab[data-type="CSVEditor"] .title[data-path]::before,
[data-type="CSVEditor"] .title::before,
[data-type="TableEditor"] .title::before {
  font-family: "Octicons Regular";
  text-align: center;
  content: "\f062";
  margin-right: 5px;
  color: @text-color-info;
  position: relative;
  vertical-align: middle;
  top: 1px;
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

//    ######   ######## ##    ## ######## ########     ###    ##
//   ##    ##  ##       ###   ## ##       ##     ##   ## ##   ##
//   ##        ##       ####  ## ##       ##     ##  ##   ##  ##
//   ##   #### ######   ## ## ## ######   ########  ##     ## ##
//   ##    ##  ##       ##  #### ##       ##   ##   ######### ##
//   ##    ##  ##       ##   ### ##       ##    ##  ##     ## ##
//    ######   ######## ##    ## ######## ##     ## ##     ## ########

atom-table-editor {
  background: @pane-item-background-color;
  position: relative;
  -webkit-flex-direction: column;
  display: -webkit-flex;
  color: @text-color;
  -webkit-user-select: none;

  atom-text-editor {
    position: fixed;
    margin: 0;
    border: 1px solid @background-color-info;
    box-shadow: 0 5px 10px 3px rgba(0,0,0,0.2);
    z-index: 1;

    &::shadow .gutter {
      display: none;
    }

    &[data-row]::before {
      content:  '#' attr(data-row) ' ' attr(data-column);
      position: absolute;
      top: 0;
      left: -1px;
      transform: translate(0, -100%);
      font-size: 0.7em;
      background: @background-color-info;
      color: @base-background-color;
      padding: 2px 6px;
    }
  }

  &.with-editor-gutter atom-text-editor::shadow .gutter {
    display: block;
  }

  &::shadow {
    * {
      box-sizing: border-box;
    }

    .hidden-input {
      position: absolute;
      width: 0;
      height: 0;
      background: transparent;
      border: none;
      outline: none
    }

    &.demo {
      position: absolute;
    }

    //    ##     ## ########    ###    ########  ######## ########
    //    ##     ## ##         ## ##   ##     ## ##       ##     ##
    //    ##     ## ##        ##   ##  ##     ## ##       ##     ##
    //    ######### ######   ##     ## ##     ## ######   ########
    //    ##     ## ##       ######### ##     ## ##       ##   ##
    //    ##     ## ##       ##     ## ##     ## ##       ##    ##
    //    ##     ## ######## ##     ## ########  ######## ##     ##

    .table-edit-header {
      top: 0;
      left: 0;
      right: 0;
      border: 1px solid @background-color-highlight;
      border-bottom: none;
      z-index: 1;
    }

    .table-edit-header, .table-edit-header-content, .table-edit-header-row {
{'fraction_non_alphanumeric': 0.23918463117759203, 'fraction_numerical': 0.01701129197829594, 'mean_word_length': 1.9033631332481906, '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': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '734249', 'n_tokens_mistral': 2491, 'n_tokens_neox': 2311, 'n_words': 388}