<commit_before>/**
 * layout
 */

/* it depends, it exceeds (french joke) */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
svg {
  height: auto;
  max-width: 100%;
}
/* no reset on embed, object & video, some players don't like */

/* useful to manage floats */
/* containing floats */
.mod,
.scroll-if-needed {
  overflow: auto;
}
.scroll-horizontal-if-needed {
  overflow-x: auto;
}
.mod--hidden,
.no-scroll {
  overflow: hidden;
}

.scroll-smooth-touch {
  -webkit-overflow-scrolling: touch;
}

/* some floattings */
.left {
  float: left;
}
.right {
  float: right;
}

@if $rtl-option == true {
  /* RTL */
  [dir="rtl"] .left {
    float: right;
  }
  [dir="rtl"] .right {
    float: left;
  }
}

/* clear floats */
.clear {
  clear: both;
}
@if $use-clearleft_right == true {
  .clearleft {
    clear: left;
  }
  .clearright {
    clear: right;
  }
  @if $rtl-option == true {
    /* RTL */
    [dir="rtl"] .clearleft {
      clear: right;
    }
    [dir="rtl"] .clearright {
      clear: left;
    }
  }
}
@if $use-clearhidden == true {
  .clearhidden {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }
}
@if $use-clearfix == true {
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

/* gut: "spacing" empty div */
.gut {
  height: 1px;
}

/* table-design in CSS */
.row {
  display: table;
  table-layout: fixed;
}
.inline-row {
  display: inline-table;
  table-layout: fixed;
}
.line {
  display: table-row;
}
.col {
  display: table-cell;
  vertical-align: top;
}
.col-noalign {
  display: table-cell;
}

/* alignments */
.aligntop {
  vertical-align: top;
}
.alignbottom {
  vertical-align: bottom;
}
.alignmiddle {
  vertical-align: middle;
}
.alignbaseline {
  vertical-align: baseline;
}

/* block */
.bl {
  display: block;
}

/* inline-block, useful for grids, and not only */
.inbl {
  display: inline-block;
}

/* grid = element of inline-grid */
.grid {
  @extend .inbl;
  @extend .aligntop;
}

/* to relativize */
.relative {
  position: relative;
}

/* centered block */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* to absolute */
.absolute {
  position: absolute;
  z-index: 1;
}

/* to centered absolute */
.centered-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* to top right */
.top-right {
  top: 0;
  right: 0;
}

.right-icon {
  top: .5em;
  right: .5em;
}

/* hardware-acceleration activation */<commit_msg>Review<commit_after>/**
 * layout
 */

/* it depends, it exceeds (french joke) */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
svg {
  height: auto;
  max-width: 100%;
}
/* no reset on embed, object & video, some players don't like */

/* useful to manage floats */
/* containing floats */
.mod,
.scroll-if-needed {
  overflow: auto;
}
.scroll-horizontal-if-needed {
  overflow-x: auto;
}
.mod--hidden,
.no-scroll {
  overflow: hidden;
}

.scroll-smooth-touch {
  -webkit-overflow-scrolling: touch;
}

/* some floattings */
.left {
  float: left;
}
.right {
  float: right;
}

@if $rtl-option == true {
  /* RTL */
  [dir="rtl"] .left {
    float: right;
  }
  [dir="rtl"] .right {
    float: left;
  }
}

/* clear floats */
.clear {
  clear: both;
}
@if $use-clearleft_right == true {
  .clearleft {
    clear: left;
  }
  .clearright {
    clear: right;
  }
  @if $rtl-option == true {
    /* RTL */
    [dir="rtl"] .clearleft {
      clear: right;
    }
    [dir="rtl"] .clearright {
      clear: left;
    }
  }
}
@if $use-clearhidden == true {
  .clearhidden {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }
}
@if $use-clearfix == true {
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

/* gut: "spacing" empty div */
.gut {
  height: 1px;
}

/* table-design in CSS */
.row {
  display: table;
  table-layout: fixed;
}
.inline-row {
  display: inline-table;
  table-layout: fixed;
}
.line {
  display: table-row;
}
.col {
  display: table-cell;
  vertical-align: top;
}
.col-noalign {
  display: table-cell;
}

/* alignments */
.aligntop {
  vertical-align: top;
}
.alignbottom {
  vertical-align: bottom;
}
.alignmiddle {
  vertical-align: middle;
}
.alignbaseline {
  vertical-align: baseline;
}

/* block */
.bl {
  display: block;
}

/* inline-block, useful for grids, and not only */
.inbl {
  display: inline-block;
}

/* grid = element of inline-grid */
.grid {
  @extend .inbl;
  @extend .aligntop;
}

/* to relativize */
.relative {
  position: relative;
}

/* centered block */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* to absolute */
.absolute {
  position: absolute;
  z-index: 1;
}

/* to centered absolute */
.centered-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* to top right */
.top-right {
  top: 0;
  right: 0;
}

.right-icon {
  top: 0;
  right: .5em;
  height: 3.5rem; // height of field
}

/* hardware-acceleration activation */
{'fraction_non_alphanumeric': 0.17429193899782136, 'fraction_numerical': 0.008318478906714201, 'mean_word_length': 2.543859649122807, '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': '536030', 'n_tokens_mistral': 2004, 'n_tokens_neox': 1911, 'n_words': 477}