<commit_before>//**  The general-purpose styles. **//

@require 'helpers'

.qi-label
  font-weight: bold

.qi-x-smaller
  font-size 75%

.qi-text-right
    text-align: right

.qi-date, .qi-number
  text-align center

.qi-pct
  padding-right 2em
  text-align right

// See the clean-list helper for a description.
ul.qi-clean-list
  clean-list()

.qi-close-icon
  text-align right

.qi-transparent
  background: transparent

.qi-separator-faint
  border 1px solid Lavender

.qi-top-buffer
  // Make some room at the top.
  margin-top 0.5em

.qi-left-buffer
  // Make some room on the left.
  margin-left 0.5em

.qi-right-buffer
  // Make some room on the right.
  margin-right 0.5em

.qi-bottom-buffer
  // Make some room at the bottom.
  margin-bottom 0.5em

.qi-inline-heading
  display inline-block

.qi-btn-select
  color Peru
  &:hover
    color Chocolate
    cursor pointer
  &:focus, &.active
    border 1px solid Peru
    color White
    background Chocolate
// TODO - fold the style attributes below into this .qi-btn-select style.
// The style below was defined in image.styl for the overlay demo.
// Unnecessary attributes should be culled.
// Confirm that all buttons which use this style display correctly.
//   & button
//     width 7em
//     padding 0.2em
//     border 1px solid Peru
//     margin 0em 0em 0.2em 0em
//     color Black
//     background OldLace
//     &:hover
//       border 1px solid Peru
//       color Black
//       background Chocolate
//     &:focus, &.active
//       border 1px solid Peru
//       color White
//       background Chocolate

.qi-radio-row
  display inline-block
  & span, .col
    float left
    display block
  & span
    margin 2px 0.5em 0 0
  & label
    padding 2px 2px 0 0
  & input[type=radio], input.radio
    margin 2px 0 0 2px
  & .col + .col
    margin-left 2em

.qi-modal-table tr
  font-size smaller

.qi-inset-title
  text-align left
  padding-left 0.5em
  color Indigo

.qi-panel
  border 1px solid SlateGray
  border-radius: 0.4em 0.4em 0.4em 0.4em

.qi-table-panel
  & .panel-body
    background-color DarkTurquoise

// The nested panel style adds an offset and a
// background.
.qi-nested
  padding 0.5em
  background-color PaleTurquoise
  & .qi-nested
    background-color LightSeaGreen

// The standard data table style.
.qi-table
  border 0
  & th, td
    // Cells have a thin light brown border.
    border 1px solid BurlyWood
  & th
    // The table headings are bold against a background.
    background-color Bisque
    font-weight bold
    text-align center
    white-space nowrap
  & td
    background-color White
    // The table data cell has slight vertical padding.
    // Horizontal formatting is the page responsibility.
    padding-top 0.2em
    padding-bottom 0.2em
    &.qi-row-help
      // The help button style blends in with the panel background.
      border 0
      background-color inherit
  & colgroup
    // A column group is delineated by a thin silver line.
    border-left 0.2em solid Silver

.qi-spaced-table
  // Space adjacent rows.
  border 0
  border-collapse separate<commit_msg>Add color to table panels.<commit_after>//**  The general-purpose styles. **//

@require 'helpers'

.qi-label
  font-weight: bold

.qi-x-smaller
  font-size 75%

.qi-text-right
    text-align: right

.qi-date, .qi-number
  text-align center

.qi-pct
  padding-right 2em
  text-align right

// See the clean-list helper for a description.
ul.qi-clean-list
  clean-list()

.qi-close-icon
  text-align right

.qi-transparent
  background: transparent

.qi-separator-faint
  border 1px solid Lavender

.qi-top-buffer
  // Make some room at the top.
  margin-top 0.5em

.qi-left-buffer
  // Make some room on the left.
  margin-left 0.5em

.qi-right-buffer
  // Make some room on the right.
  margin-right 0.5em

.qi-bottom-buffer
  // Make some room at the bottom.
  margin-bottom 0.5em

.qi-inline-heading
  display inline-block

.qi-btn-select
  color Peru
  &:hover
    color Chocolate
    cursor pointer
  &:focus, &.active
    border 1px solid Peru
    color White
    background Chocolate
// TODO - fold the style attributes below into this .qi-btn-select style.
// The style below was defined in image.styl for the overlay demo.
// Unnecessary attributes should be culled.
// Confirm that all buttons which use this style display correctly.
//   & button
//     width 7em
//     padding 0.2em
//     border 1px solid Peru
//     margin 0em 0em 0.2em 0em
//     color Black
//     background OldLace
//     &:hover
//       border 1px solid Peru
//       color Black
//       background Chocolate
//     &:focus, &.active
//       border 1px solid Peru
//       color White
//       background Chocolate

.qi-radio-row
  display inline-block
  & span, .col
    float left
    display block
  & span
    margin 2px 0.5em 0 0
  & label
    padding 2px 2px 0 0
  & input[type=radio], input.radio
    margin 2px 0 0 2px
  & .col + .col
    margin-left 2em

.qi-modal-table tr
  font-size smaller

.qi-inset-title
  text-align left
  padding-left 0.5em
  color Indigo

.qi-panel
  border 1px solid SlateGray
  border-radius: 0.4em 0.4em 0.4em 0.4em

// The table panel style adds background color
// to offset the table. Nested tables have
// distinguishing colors.
.qi-table-panel
  & .panel-body
    background-color DarkTurquoise
    & .qi-nested
      background-color PaleTurquoise
      & > .qi-nested
        background-color LightSeaGreen
        & > .qi-nested
          background-color Azure
          & > .qi-nested
            background-color DarkTurquoise

// The nested panel style adds an offset.
.qi-nested
  padding 0.5em

// The standard data table style.
.qi-table
  border 0
  & th, td
    // Cells have a thin light brown border.
    border 1px solid BurlyWood
  & th
    // The table headings are bold against a background.
    background-color Bisque
    font-weight bold
    text-align center
    white-space nowrap
  & td
    background-color White
    // The table data cell has slight vertical padding.
    // Horizontal formatting is the page responsibility.
    padding-top 0.2em
    padding-bottom 0.2em
    &.qi-row-help
      // The help button style blends in with the panel background.
      border 0
      background-color inherit
  & colgroup
    // A column group is delineated by a thin silver line.
    border-left 0.2em solid Silver

.qi-spaced-table
  // Space adjacent rows.
  border 0
  border-collapse separate
{'fraction_non_alphanumeric': 0.08801614405464142, 'fraction_numerical': 0.01893821794473766, 'mean_word_length': 2.2606275303643724, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 6, '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': '894951', 'n_tokens_mistral': 2226, 'n_tokens_neox': 2043, 'n_words': 715}