<commit_before>
/*################################*\
    bangs  |  _width.less
\*################################*/

// Sets the width of a block.
//
// !w  =  width
//
// :0  =  initial (not 0)
// :i  =  inherit
// :a  =  auto
// :z  =  0
//
// # In order by denominator
// NOTE only unique classes are listed.
// See code for all classes.
//
// :1o1    =  100%
// :1o2    =  50%
// :1o3    =  33.3%
// :2o3    =  66.7%
// :1o4    =  25%
// :3o4    =  75%
// :1o5    =  20%
// :2o5    =  40%
// :3o5    =  60%
// :4o5    =  80%
// :1o6    =  16.7%
// :5o6    =  83.3%
// :1o8    =  12.5%
// :3o8    =  37.5%
// :5o8    =  62.5%
// :7o8    =  87.5%
// :1o10   =  10%
// :3o10   =  30%
// :7o10   =  70%
// :9o10   =  90%
//
// # In increasing order
// NOTE only unique classes are listed.
// See code for all classes.
//
// :1o10  =  10%
// :1o8  =  12.5%
// :1o6  =  16.7%
// :1o5  =  20%
// :1o4  =  25%
// :3o10  =  30%
// :1o3  =  33.3%
// :3o8  =  37.5%
// :2o5  =  40%
// :1o2  =  50%
// :3o5  =  60%
// :5o8  =  62.5%
// :2o3  =  66.7%
// :7o10  =  70%
// :3o4  =  75%
// :4o5  =  80%
// :5o6  =  83.3%
// :7o8  =  87.5%
// :9o10  =  90%
// :1o1  =  100%
//
// @s  =  screen
// @p  =  print
//
// ^initial
// : `auto`
// ^inherited
// : false
// ^url
// : https://developer.mozilla.org/en-US/do12s/Web/CSS/width
// ^author
// : <NAME>
// ^updated
// : 2016-02-11

.\!w\:0 { .\!w\:a; width: initial !important; }
.\!w\:i {          width: inherit !important; }
.\!w\:a {          width: auto    !important; }
.\!w\:z {          width: 0       !important; }

// Generates a class `.\!w\:‹a›o‹b›` (e.g. `.\!w\:3o5`), where
// ‹a› is the numerator,
// ‹b› is the denominator,
// and the width is ‹a› divided by ‹b› as a percent.
// ^params
// @b  - the denominator of the fraction. required.
// @bp - the breakpoint suffix, if any
// .gen-w-frac(@b; @bp: ~''; @a: 1) when (@a =< @b) {
//   .mixin() when (@b % @a = 1)
//   .\!w\:@{a}o@{b}@{bp} { width: (@a/@b * 100%); }
//   .gen-w-frac(@b; @bp; (@a + 1));
// }
// .gen-w-frac(1);
// .gen-w-frac(2);
// .gen-w-frac(3);
// .gen-w-frac(4);
// .gen-w-frac(5);
// .gen-w-frac(6);
// .gen-w-frac(8);
// .gen-w-frac(10);
.\!w\:10o10,
.\!w\:8o8,
.\!w\:6o6,
.\!w\:5o5,
.\!w\:4o4,
.\!w\:3o3,
.\!w\:2o2,
.\!w\:1o1  { width: (1/1 ) * 100% !important; }
.\!w\:5o10,
.\!w\:4o8,
.\!w\:3o6,
.\!w\:2o4,
.\!w\:1o2  { width: (1/2 ) * 100% !important; }
.\!w\:2o6,
.\!w\:1o3  { width: (1/3 ) * 100% !important; }
.\!w\:4o6,
.\!w\:2o3  { width: (2/3 ) * 100% !important; }
.\!w\:2o8,
.\!w\:1o4  { width: (1/4 ) * 100% !important; }
.\!w\:6o8,
.\!w\:3o4  { width: (3/4 ) * 100% !important; }
.\!w\:2o10,
.\!w\:1o5  { width: (1/5 ) * 100% !important; }
.\!w\:4o10,
.\!w\:2o5  { width: (2/5 ) * 100% !important; }
.\!w\:6o10,
.\!w\:3o5  { width: (3/5 ) * 100% !important; }
.\!w\:8o10,
.\!w\:4o5  { width: (4/5 ) * 100% !important; }
.\!w\:1o6  { width: (1/6 ) * 100% !important; }
.\!w\:5o6  { width: (5/6 ) * 100% !important; }
.\!w\:1o8  { width: (1/8 ) * 100% !important; }
.\!w\:3o8  { width: (3/8 ) * 100% !important; }
.\!w\:5o8  { width: (5/8 ) * 100% !important; }
.\!w\:7o8  { width: (7/8 ) * 100% !important; }
.\!w\:1o10 { width: (1/10) * 100% !important; }
.\!w\:3o10 { width: (3/10) * 100% !important; }
.\!w\:7o10 { width: (7/10) * 100% !important; }
.\!w\:9o10 { width: (9/10) * 100% !important; }


@px_per_it: 96;
@max_px: 1440;
// Generates a class `.\!w\:‹i›px` (e.g. `.\!w\:288px`), where
// ‹i› is the integer argument, the width in pixels.
// The mixin is recursive, starting at ‹i›==96,
// incrementing by 96 each time it is called,
// stopping when ‹i›==1440.
// ^params
// @bp - the breakpoint suffix, if any
.gen-w-px(@bp: ~''; @i: @px_per_it) when (@i =< @max_px) {
  .\!w\:@{i}px@{bp} { width: (@i * 1px); }
  .gen-w-px(@bp; @i + @px_per_it);
}
.gen-w-px();


@em_per_it: 5;
@max_em: 90;
// Generates a class `.\!w\:‹i›em` (e.g. `.\!w\:30em`), where
// ‹i› is the integer argument, the width in ems.
// The mixin is recursive, starting at ‹i›==5,
// incrementing by 5 each time it is called,
// stopping when ‹i›==90.
// ^params
// @bp - the breakpoint suffix, if any
.gen-w-em(@bp: ~''; @i: @em_per_it) when (@i =< @max_em) {
  .\!w\:@{i}em@{bp} { width: (@i * 1em); }
  .gen-w-em(@bp; @i+@em_per_it);
}
.gen-w-em();

@media screen {
  .\!w\:0\@s { .\!w\:0; }
  .\!w\:i\@s { .\!w\:i; }
  .\!w\:a\@s { .\!w\:a; }
  .\!w\:z\@s { .\!w\:z; }

// .gen-w-frac(1;  ~'\@s');
// .gen-w-frac(2;  ~'\@s');
// .gen-w-frac(3;  ~'\@s');
// .gen-w-frac(4;  ~'\@s');
// .gen-w-frac(5;  ~'\@s');
// .gen-w-frac(6;  ~'\@s');
// .gen-w-frac(8;  ~'\@s');
// .gen-w-frac(10; ~'\@s');
  .\!w\:10o10\@s,
  .\!w\:8o8\@s,
  .\!w\:6o6\@s,
  .\!w\:5o5\@s,
  .\!w\:4o4\@s,
  .\!w\:3o3\@s,
  .\!w\:2o2\@s,
  .\!w\:1o1\@s  { .\!w\:1o1 ; }
  .\!w\:5o10\@s,
  .\!w\:4o8\@s,
  .\!w\:3o6\@s,
  .\!w\:2o4\@s,
  .\!w\:1o2\@s  { .\!w\:1o2 ; }
  .\!w\:2o6\@s,
  .\!w\:1o3\@s  { .\!w\:1o3 ; }
  .\!w\:4o6\@s,
  .\!w\:2o3\@s  { .\!w\:2o3 ; }
  .\!w\:2o8\@s,
  .\!w\:1o4\@s  { .\!w\:1o4 ; }
  .\!w\:6o8\@s,
  .\!w\:3o4\@s  { .\!w\:3o4 ; }
  .\!w\:2o10\@s,
  .\!w\:1o5\@s  { .\!w\:1o5 ; }
  .\!w\:4o10\@s,
  .\!w\:2o5\@s  { .\!w\:2o5 ; }
  .\!w\:6o10\@s,
  .\!w\:3o5\@s  { .\!w\:3o5 ; }
  .\!w\:8o10\@s,
  .\!w\:4o5\@s  { .\!w\:4o5 ; }
  .\!w\:1o6\@s  { .\!w\:1o6 ; }
  .\!w\:5o6\@s  { .\!w\:5o6 ; }
  .\!w\:1o8\@s  { .\!w\:1o8 ; }
  .\!w\:3o8\@s  { .\!w\:3o8 ; }
  .\!w\:5o8\@s  { .\!w\:5o8 ; }
  .\!w\:7o8\@s  { .\!w\:7o8 ; }
  .\!w\:1o10\@s { .\!w\:1o10; }
  .\!w\:3o10\@s { .\!w\:3o10; }
  .\!w\:7o10\@s { .\!w\:7o10; }
  .\!w\:9o10\@s { .\!w\:9o10; }

  .gen-w-px(~'\@s');
  .gen-w-em(~'\@s');
}

@media print {
  .\!w\:0\@p { .\!w\:0; }
  .\!w\:i\@p { .\!w\:i; }
  .\!w\:a\@p { .\!w\:a; }
  .\!w\:z\@p { .\!w\:z; }

// .gen-w-frac(1;  ~'\@p');
// .gen-w-frac(2;  ~'\@p');
// .gen-w-frac(3;  ~'\@p');
// .gen-w-frac(4;  ~'\@p');
// .gen-w-frac(5;  ~'\@p');
// .gen-w-frac(6;  ~'\@p');
// .gen-w-frac(8;  ~'\@p');
// .gen-w-frac(10; ~'\@p');
  .\!w\:10o10\@p,
  .\!w\:8o8\@p,
  .\!w\:6o6\@p,
  .\!w\:5o5\@p,
  .\!w\:4o4\@p,
  .\!w\:3o3\@p,
  .\!w\:2o2\@p,
  .\!w\:1o1\@p  { .\!w\:1o1 ; }
  .\!w\:5o10\@p,
  .\!w\:4o8\@p,
  .\!w\:3o6\@p,
  .\!w\:2o4\@p,
  .\!w\:1o2\@p  { .\!w\:1o2 ; }
  .\!w\:2o6\@p,
  .\!w\:1o3\@p  { .\!w\:1o3 ; }
  .\!w\:4o6\@p,
  .\!w\:2o3\@p  { .\!w\:2o3 ; }
  .\!w\:2o8\@p,
  .\!w\:1o4\@p  { .\!w\:1o4 ; }
  .\!w\:6o8\@p,
  .\!w\:3o4\@p  { .\!w\:3o4 ; }
  .\!w\:2o10\@p,
  .\!w\:1o5\@p  { .\!w\:1o5 ; }
  .\!w\:4o10\@p,
  .\!w\:2o5\@p  { .\!w\:2o5 ; }
  .\!w\:6o10\@p,
  .\!w\:3o5\@p  { .\!w\:3o5 ; }
  .\!w\:8o10\@p,
  .\!w\:4o5\@p  { .\!w\:4o5 ; }
  .\!w\:1o6\@p  { .\!w\:1o6 ; }
  .\!w\:5o6\@p  { .\!w\:5o6 ; }
  .\!w\:1o8\@p  { .\!w\:1o8 ; }
  .\!w\:3o8\@p  { .\!w\:3o8 ; }
  .\!w\:5o8\@p  { .\!w\:5o8 ; }
  .\!w\:7o8\@p  { .\!w\:7o8 ; }
  .\!w\:1o10\@p { .\!w\:1o10; }
  .\!w\:3o10\@p { .\!w\:3o10; }
  .\!w\:7o10\@p { .\!w\:7o10; }
  .\!w\:9o10\@p { .\!w\:9o10; }

  .gen-w-px(~'\@p');
  .gen-w-em(~'\@p');
}
<commit_msg>add important to generators<commit_after>
/*################################*\
    bangs  |  _width.less
\*################################*/

// Sets the width of a block.
//
// !w  =  width
//
// :0  =  initial (not 0)
// :i  =  inherit
// :a  =  auto
// :z  =  0
//
// # In order by denominator
// NOTE only unique classes are listed.
// See code for all classes.
//
// :1o1    =  100%
// :1o2    =  50%
// :1o3    =  33.3%
// :2o3    =  66.7%
// :1o4    =  25%
// :3o4    =  75%
// :1o5    =  20%
// :2o5    =  40%
// :3o5    =  60%
// :4o5    =  80%
// :1o6    =  16.7%
// :5o6    =  83.3%
// :1o8    =  12.5%
// :3o8    =  37.5%
// :5o8    =  62.5%
// :7o8    =  87.5%
// :1o10   =  10%
// :3o10   =  30%
// :7o10   =  70%
// :9o10   =  90%
//
// # In increasing order
// NOTE only unique classes are listed.
// See code for all classes.
//
// :1o10  =  10%
// :1o8  =  12.5%
// :1o6  =  16.7%
// :1o5  =  20%
// :1o4  =  25%
// :3o10  =  30%
// :1o3  =  33.3%
// :3o8  =  37.5%
// :2o5  =  40%
// :1o2  =  50%
// :3o5  =  60%
// :5o8  =  62.5%
// :2o3  =  66.7%
// :7o10  =  70%
// :3o4  =  75%
// :4o5  =  80%
// :5o6  =  83.3%
// :7o8  =  87.5%
// :9o10  =  90%
// :1o1  =  100%
//
// @s  =  screen
// @p  =  print
//
// ^initial
// : `auto`
// ^inherited
// : false
// ^url
// : https://developer.mozilla.org/en-US/do12s/Web/CSS/width
// ^author
// : <NAME>
// ^updated
// : 2016-02-11

.\!w\:0 { .\!w\:a; width: initial !important; }
.\!w\:i {          width: inherit !important; }
.\!w\:a {          width: auto    !important; }
.\!w\:z {          width: 0       !important; }

// Generates a class `.\!w\:‹a›o‹b›` (e.g. `.\!w\:3o5`), where
// ‹a› is the numerator,
// ‹b› is the denominator,
// and the width is ‹a› divided by ‹b› as a percent.
// ^params
// @b  - the denominator of the fraction. required.
// @bp - the breakpoint suffix, if any
// .gen-w-frac(@b; @bp: ~''; @a: 1) when (@a =< @b) {
//   .mixin() when (@b % @a = 1)
//   .\!w\:@{a}o@{b}@{bp} { width: (@a/@b * 100%); }
//   .gen-w-frac(@b; @bp; (@a + 1));
// }
// .gen-w-frac(1);
// .gen-w-frac(2);
// .gen-w-frac(3);
// .gen-w-frac(4);
// .gen-w-frac(5);
// .gen-w-frac(6);
// .gen-w-frac(8);
// .gen-w-frac(10);
.\!w\:10o10,
.\!w\:8o8,
.\!w\:6o6,
.\!w\:5o5,
.\!w\:4o4,
.\!w\:3o3,
.\!w\:2o2,
.\!w\:1o1  { width: (1/1 ) * 100% !important; }
.\!w\:5o10,
.\!w\:4o8,
.\!w\:3o6,
.\!w\:2o4,
.\!w\:1o2  { width: (1/2 ) * 100% !important; }
.\!w\:2o6,
.\!w\:1o3  { width: (1/3 ) * 100% !important; }
.\!w\:4o6,
.\!w\:2o3  { width: (2/3 ) * 100% !important; }
.\!w\:2o8,
.\!w\:1o4  { width: (1/4 ) * 100% !important; }
.\!w\:6o8,
.\!w\:3o4  { width: (3/4 ) * 100% !important; }
.\!w\:2o10,
.\!w\:1o5  { width: (1/5 ) * 100% !important; }
.\!w\:4o10,
.\!w\:2o5  { width: (2/5 ) * 100% !important; }
.\!w\:6o10,
.\!w\:3o5  { width: (3/5 ) * 100% !important; }
.\!w\:8o10,
.\!w\:4o5  { width: (4/5 ) * 100% !important; }
.\!w\:1o6  { width: (1/6 ) * 100% !important; }
.\!w\:5o6  { width: (5/6 ) * 100% !important; }
.\!w\:1o8  { width: (1/8 ) * 100% !important; }
.\!w\:3o8  { width: (3/8 ) * 100% !important; }
.\!w\:5o8  { width: (5/8 ) * 100% !important; }
.\!w\:7o8  { width: (7/8 ) * 100% !important; }
.\!w\:1o10 { width: (1/10) * 100% !important; }
.\!w\:3o10 { width: (3/10) * 100% !important; }
.\!w\:7o10 { width: (7/10) * 100% !important; }
.\!w\:9o10 { width: (9/10) * 100% !important; }


@px_per_it: 96;
@max_px: 1440;
// Generates a class `.\!w\:‹i›px` (e.g. `.\!w\:288px`), where
// ‹i› is the integer argument, the width in pixels.
// The mixin is recursive, starting at ‹i›==96,
// incrementing by 96 each time it is called,
// stopping when ‹i›==1440.
// ^params
// @bp - the breakpoint suffix, if any
.gen-w-px(@bp: ~''; @i: @px_per_it) when (@i =< @max_px) {
  .\!w\:@{i}px@{bp} { width: (@i * 1px) !important; }
  .gen-w-px(@bp; @i + @px_per_it);
}
.gen-w-px();


@em_per_it: 5;
@max_em: 90;
// Generates a class `.\!w\:‹i›em` (e.g. `.\!w\:30em`), where
// ‹i› is the integer argument, the width in ems.
// The mixin is recursive, starting at ‹i›==5,
// incrementing by 5 each time it is called,
// stopping when ‹i›==90.
// ^params
// @bp - the breakpoint suffix, if any
.gen-w-em(@bp: ~''; @i: @em_per_it) when (@i =< @max_em) {
  .\!w\:@{i}em@{bp} { width: (@i * 1em) !important; }
  .gen-w-em(@bp; @i+@em_per_it);
}
.gen-w-em();

@media screen {
  .\!w\:0\@s { .\!w\:0; }
  .\!w\:i\@s { .\!w\:i; }
  .\!w\:a\@s { .\!w\:a; }
  .\!w\:z\@s { .\!w\:z; }

// .gen-w-frac(1;  ~'\@s');
// .gen-w-frac(2;  ~'\@s');
// .gen-w-frac(3;  ~'\@s');
// .gen-w-frac(4;  ~'\@s');
// .gen-w-frac(5;  ~'\@s');
// .gen-w-frac(6;  ~'\@s');
// .gen-w-frac(8;  ~'\@s');
// .gen-w-frac(10; ~'\@s');
  .\!w\:10o10\@s,
  .\!w\:8o8\@s,
  .\!w\:6o6\@s,
  .\!w\:5o5\@s,
  .\!w\:4o4\@s,
  .\!w\:3o3\@s,
  .\!w\:2o2\@s,
  .\!w\:1o1\@s  { .\!w\:1o1 ; }
  .\!w\:5o10\@s,
  .\!w\:4o8\@s,
  .\!w\:3o6\@s,
  .\!w\:2o4\@s,
  .\!w\:1o2\@s  { .\!w\:1o2 ; }
  .\!w\:2o6\@s,
  .\!w\:1o3\@s  { .\!w\:1o3 ; }
  .\!w\:4o6\@s,
  .\!w\:2o3\@s  { .\!w\:2o3 ; }
  .\!w\:2o8\@s,
  .\!w\:1o4\@s  { .\!w\:1o4 ; }
  .\!w\:6o8\@s,
  .\!w\:3o4\@s  { .\!w\:3o4 ; }
  .\!w\:2o10\@s,
  .\!w\:1o5\@s  { .\!w\:1o5 ; }
  .\!w\:4o10\@s,
  .\!w\:2o5\@s  { .\!w\:2o5 ; }
  .\!w\:6o10\@s,
  .\!w\:3o5\@s  { .\!w\:3o5 ; }
  .\!w\:8o10\@s,
  .\!w\:4o5\@s  { .\!w\:4o5 ; }
  .\!w\:1o6\@s  { .\!w\:1o6 ; }
  .\!w\:5o6\@s  { .\!w\:5o6 ; }
  .\!w\:1o8\@s  { .\!w\:1o8 ; }
  .\!w\:3o8\@s  { .\!w\:3o8 ; }
  .\!w\:5o8\@s  { .\!w\:5o8 ; }
  .\!w\:7o8\@s  { .\!w\:7o8 ; }
  .\!w\:1o10\@s { .\!w\:1o10; }
  .\!w\:3o10\@s { .\!w\:3o10; }
  .\!w\:7o10\@s { .\!w\:7o10; }
  .\!w\:9o10\@s { .\!w\:9o10; }

  .gen-w-px(~'\@s');
  .gen-w-em(~'\@s');
}

@media print {
  .\!w\:0\@p { .\!w\:0; }
  .\!w\:i\@p { .\!w\:i; }
  .\!w\:a\@p { .\!w\:a; }
  .\!w\:z\@p { .\!w\:z; }

// .gen-w-frac(1;  ~'\@p');
// .gen-w-frac(2;  ~'\@p');
// .gen-w-frac(3;  ~'\@p');
// .gen-w-frac(4;  ~'\@p');
// .gen-w-frac(5;  ~'\@p');
// .gen-w-frac(6;  ~'\@p');
// .gen-w-frac(8;  ~'\@p');
// .gen-w-frac(10; ~'\@p');
  .\!w\:10o10\@p,
  .\!w\:8o8\@p,
  .\!w\:6o6\@p,
  .\!w\:5o5\@p,
  .\!w\:4o4\@p,
  .\!w\:3o3\@p,
  .\!w\:2o2\@p,
  .\!w\:1o1\@p  { .\!w\:1o1 ; }
  .\!w\:5o10\@p,
  .\!w\:4o8\@p,
  .\!w\:3o6\@p,
  .\!w\:2o4\@p,
  .\!w\:1o2\@p  { .\!w\:1o2 ; }
  .\!w\:2o6\@p,
  .\!w\:1o3\@p  { .\!w\:1o3 ; }
  .\!w\:4o6\@p,
  .\!w\:2o3\@p  { .\!w\:2o3 ; }
  .\!w\:2o8\@p,
  .\!w\:1o4\@p  { .\!w\:1o4 ; }
  .\!w\:6o8\@p,
  .\!w\:3o4\@p  { .\!w\:3o4 ; }
  .\!w\:2o10\@p,
  .\!w\:1o5\@p  { .\!w\:1o5 ; }
  .\!w\:4o10\@p,
  .\!w\:2o5\@p  { .\!w\:2o5 ; }
  .\!w\:6o10\@p,
  .\!w\:3o5\@p  { .\!w\:3o5 ; }
  .\!w\:8o10\@p,
  .\!w\:4o5\@p  { .\!w\:4o5 ; }
  .\!w\:1o6\@p  { .\!w\:1o6 ; }
  .\!w\:5o6\@p  { .\!w\:5o6 ; }
  .\!w\:1o8\@p  { .\!w\:1o8 ; }
  .\!w\:3o8\@p  { .\!w\:3o8 ; }
  .\!w\:5o8\@p  { .\!w\:5o8 ; }
  .\!w\:7o8\@p  { .\!w\:7o8 ; }
  .\!w\:1o10\@p { .\!w\:1o10; }
  .\!w\:3o10\@p { .\!w\:3o10; }
  .\!w\:7o10\@p { .\!w\:7o10; }
  .\!w\:9o10\@p { .\!w\:9o10; }

  .gen-w-px(~'\@p');
  .gen-w-em(~'\@p');
}

{'fraction_non_alphanumeric': 0.3726219424974968, 'fraction_numerical': 0.10399084537262195, 'mean_word_length': 1.6849078341013826, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '1017179', 'n_tokens_mistral': 8857, 'n_tokens_neox': 8301, 'n_words': 1283}