<commit_before>/* Get the number of columns from the request parameter. */
#set ($columns = "$!request.columns")
#set ($columnsNumber = $mathtool.toInteger($columns))
#if (!$columnsNumber || $columnsNumber <= 0)
  #set ($columnsNumber = 1)
#end
/* Don't fill 100% because IE doesn't fit things properly in. */
#set($columnsTotalWidth = 99)
/* 1.5% padding right to all the columns except last one. */
#set($columnPadding = 0.75)
/* Compute the percent of the screen width of a column. Round so that the java upper rounding doesn't screw IE, and because 2 decimals should be enough for everyone. */
#set($rawComputedColumnWidth = (($columnsTotalWidth - $columnPadding * 2 * ($columnsNumber - 1)) / $columnsNumber))
#set($computedColumnWidth = $mathtool.roundTo(2, $rawComputedColumnWidth))

/* FIXME: this style should not be here, it's style for the container overall, not for the columns layout. For the moment
   it's here to minimize the number of requested css, since there are no other container rules at the moment (like
   border, title, or other decoration). */
.container-justified {
  text-align: justify;
}

.container-columns .column {
  float: left;
  width: $computedColumnWidth%;
  padding-right: $columnPadding%;
  padding-left: $columnPadding%;
}

/* Make sure that the columns take space when they're empty: if height is auto, and they are floated, they will collapse
   as if they didn't exist, which breaks the layout */
.container-columns .column {
  min-height: 10px;
}

.container-columns .first-column {<commit_msg>XWIKI-10135: Make the "container" macro web-responsive.<commit_after>/* Get the number of columns from the request parameter. */
#set ($columns = "$!request.columns")
#set ($columnsNumber = $mathtool.toInteger($columns))
#if (!$columnsNumber || $columnsNumber <= 0)
  #set ($columnsNumber = 1)
#end
/* Don't fill 100% because IE doesn't fit things properly in. */
#set($columnsTotalWidth = 99)
/* 1.5% padding right to all the columns except last one. */
#set($columnPadding = 0.75)
/* Compute the percent of the screen width of a column. Round so that the java upper rounding doesn't screw IE, and because 2 decimals should be enough for everyone. */
#set($rawComputedColumnWidth = (($columnsTotalWidth - $columnPadding * 2 * ($columnsNumber - 1)) / $columnsNumber))
#set($computedColumnWidth = $mathtool.roundTo(2, $rawComputedColumnWidth))

/* FIXME: this style should not be here, it's style for the container overall, not for the columns layout. For the moment
   it's here to minimize the number of requested css, since there are no other container rules at the moment (like
   border, title, or other decoration). */
.container-justified {
  text-align: justify;
}

.container-columns .column {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

/* Responsiveness, upon the same limit than Twitter Bootstrap (768px) */
@media (min-width: 768px) {
  .container-columns .column {
    float: left;
    width: $computedColumnWidth%;
    padding-right: $columnPadding%;
    padding-left: $columnPadding%;
  }
}

/* Make sure that the columns take space when they're empty: if height is auto, and they are floated, they will collapse
   as if they didn't exist, which breaks the layout */
.container-columns .column {
  min-height: 10px;
}

.container-columns .first-column {
{'fraction_non_alphanumeric': 0.11623005118940079, 'fraction_numerical': 0.015657934357121348, 'mean_word_length': 4.289808917197452, 'pattern_counts': {'":': 0, '<': 5, '<?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': '1121913', 'n_tokens_mistral': 1007, 'n_tokens_neox': 940, 'n_words': 389}