third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/resources/width-keyword-classes.css

   1 /*
   2     Take every possible line break so the box width is the width of largest
   3     unbreakable line box.
   4 */
   5 .min-content {
   6     /* Webkit, but not actually implemented outside deprecated flexbox */
   7     width: min-intrinsic;
   8     width: -webkit-min-content;
   9     width: -moz-min-content;
  10     width: min-content;
  11 }
  12
  13 .max-content {
  14     width: -webkit-max-content;
  15     width: -moz-max-content;
  16     width: max-content;
  17 }
  18
  19 /*
  20     Identical to auto except for elements with an instrinsic width like an
  21     img where this overrides the intrinsic width to get regular block "auto".
  22 */
  23 .fill-available {
  24     width: -webkit-fill-available;
  25     /* Firefox is missing the fill- prefix because they followed an older spec */
  26     width: -moz-available;
  27     width: fill-available;
  28 }
  29
  30 /*
  31    Shrink wrap just like floating.
  32    max(min-content, min(max-content, fill-available))
  33 */
  34 .fit-content {
  35     /* Webkit, but only outside a deprecated flexbox. */
  36     width: intrinsic;
  37     width: -webkit-fit-content;
  38     width: -moz-fit-content;
  39     width: fit-content;
  40 }
  41
  42 .max-width-min-content {
  43     max-width: -webkit-min-content;
  44     max-width: -moz-min-content;
  45     max-width: min-content;
  46 }
  47
  48 .max-width-max-content {
  49     max-width: -webkit-max-content;
  50     max-width: -moz-max-content;
  51     max-width: max-content;
  52 }
  53
  54 .max-width-fill-available {
  55     max-width: -webkit-fill-available;
  56     max-width: -moz-available;
  57     max-width: fill-available;
  58 }
  59
  60 .max-width-fit-content {
  61     max-width: intrinsic;
  62     max-width: -webkit-fit-content;
  63     max-width: -moz-fit-content;
  64     max-width: fit-content;
  65 }
  66
  67 .min-width-min-content {
  68     min-width: -webkit-min-content;
  69     min-width: -moz-min-content;
  70     min-width: min-content;
  71 }
  72
  73 .min-width-max-content {
  74     min-width: -webkit-max-content;
  75     min-width: -moz-max-content;
  76     min-width: max-content;
  77 }
  78
  79 .min-width-fill-available {
  80     min-width: -webkit-fill-available;
  81     min-width: -moz-available;
  82     min-width: fill-available;
  83 }
  84
  85 .min-width-fit-content {
  86     min-width: intrinsic;
  87     min-width: -webkit-fit-content;
  88     min-width: -moz-fit-content;
  89     min-width: fit-content;
  90 }