<commit_before>@import "config.min.css";
/* --------------------------------------------------------------
    grid.css
        define grids system
        Amorce Framework
        © sacripant.fr

        * Body breakpoints
        * Grids
        ** Table grid
        ** Float grid
        ** Inline grid
        * Options 
        ** vertical-align colonnes
        ** unguttered
        ** half-gutter

        
-------------------------------------------------------------- */ 


/*
*   Define Breakpoints in Body.
*   These values will not show up in content, but can be 
*   queried by JavaScript to know which breakpoint is active.
*   https://www.lullabot.com/articles/importing-css-breakpoints-into-javascript
*/

body:before {
  content: "xs";
  display: none; /* Prevent from displaying. */
}
@media (--minS) {
  body:before {
    content: "minS";
  }
}
@media (--minM) {
  body:before {
    content: "minM";
  }
}
@media (--minL) {
  body:before {
    content: "minL";
  }
}
@media (--minXL) {
  body:before {
    content: "minXL";
  }
}


/*
*   Grids
*   - table, float & inline-block grids
*   - 1 à 7 colonnes imbricable
*/

/* table layout grid 
---------------------*/
.tb-grid {
    display: table;
    table-layout: fixed;

    border-collapse: separate;
    border-spacing: var(--gutter)em 0; /* don't work with % */

    width: 100%;

    /*delet visualy border between table and cells*/
    width: calc( 100% + 3em );
    margin-left: -var(--gutter)em;
}
.tb-grid > *,
.tb-grid > [class*=span] {
    display: table-cell;
    float: none;
}

/* Grid (inline-block & f-left)
** Calcul de la gouttière en %
** (1) margin neg = x%
** (2) padding = x*(100+2x)/100
-------------------------------*/
.fl-grid
, .il-grid  
{ 
    margin-left: -var(--gutter-half)rem; /*(1)*/
    margin-right: -var(--gutter-half)rem; /*(1)*/
}

.fl-grid  > *
, .fl-grid  > [class*=span--]
, .il-grid  > *
, .il-grid  > [class*=span--]
{
    padding-left: var(--gutter-half)em; /*(2)*/
    padding-right: var(--gutter-half)em; /*(2)*/
}

<commit_msg>tb-grid--auto : add table-layout auto option<commit_after>@import "config.min.css";
/* --------------------------------------------------------------
    grid.css
        define grids system
        Amorce Framework
        © sacripant.fr

        * Body breakpoints
        * Grids
        ** Table grid
        ** Float grid
        ** Inline grid
        * Options 
        ** vertical-align colonnes
        ** unguttered
        ** half-gutter

        
-------------------------------------------------------------- */ 


/*
*   Define Breakpoints in Body.
*   These values will not show up in content, but can be 
*   queried by JavaScript to know which breakpoint is active.
*   https://www.lullabot.com/articles/importing-css-breakpoints-into-javascript
*/

body:before {
  content: "xs";
  display: none; /* Prevent from displaying. */
}
@media (--minS) {
  body:before {
    content: "minS";
  }
}
@media (--minM) {
  body:before {
    content: "minM";
  }
}
@media (--minL) {
  body:before {
    content: "minL";
  }
}
@media (--minXL) {
  body:before {
    content: "minXL";
  }
}


/*
*   Grids
*   - table, float & inline-block grids
*   - 1 à 7 colonnes imbricable
*/

/* table layout grid 
---------------------*/
.tb-grid,
[class*="tb-grid--"] 
{
    display: table;
    table-layout: fixed;

    border-collapse: separate;
    border-spacing: var(--gutter)em 0; /* don't work with % */

    width: 100%;

    /*delet visualy border between table and cells*/
    width: calc( 100% + 3em );
    margin-left: -var(--gutter)em;
}
.tb-grid > *,
[class*="tb-grid--"] > *,
.tb-grid > [class*=span],
[class*="tb-grid--"] > [class*=span]
{
    display: table-cell;
    /*vertical-align: bottom;*/
    float: none;
}

.tb-grid--auto {
    table-layout: auto;
}

/* Grid (inline-block & f-left)
** Calcul de la gouttière en %
** (1) margin neg = x%
** (2) padding = x*(100+2x)/100
-------------------------------*/
.fl-grid
, .il-grid  
{ 
    margin-left: -var(--gutter-half)rem; /*(1)*/
    margin-right: -var(--gutter-half)rem; /*(1)*/
}

.fl-grid  > *
, .fl-grid  > [class*=span--]
, .il-grid  > *
, .il-grid  > [class*=span--]
{
    padding-left: var(--gutter-half)em; /*(2)*/
    padding-right: var(--gutter-half)em; /*(2)*/
}


{'fraction_non_alphanumeric': 0.2494172494172494, 'fraction_numerical': 0.010722610722610723, 'mean_word_length': 1.707255520504732, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, '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': '2080631', 'n_tokens_mistral': 1552, 'n_tokens_neox': 1473, 'n_words': 333}