tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

min-content-max-content.css (2018B)

      1 /*
      2 * All classes here intentionally declare height/width/block-size
      3 * twice. Just reveals if keyword is supported.
      4 *
      5 * According to the spec, for the sizing properties,
      6 * height/min-height/max-height, and width/min-width/max-width,
      7 * if specified for the inline axis, use the min-content/max-content inline
      8 * size; otherwise behaves as the property’s initial value.
      9 *
     10 * The 'block-size' property (and its max-/min- properties) is just an alias
     11 * for height (or width) and accepts the same values. Since it's not
     12 * inline-axis, by definition, it always treats the 'min-content' and
     13 * 'max-content' values as the initial value.
     14 *
     15 * https://drafts.csswg.org/css-sizing/#sizing-values
     16 *
     17 */
     18 
     19 .height-min-content {
     20  height: 0px;
     21  height: min-content;
     22 }
     23 
     24 .height-max-content {
     25  height: 0px;
     26  height: max-content;
     27 }
     28 
     29 .min-height-min-content {
     30  min-height: 600px;
     31  min-height: min-content;
     32 }
     33 
     34 .min-height-max-content {
     35  min-height: 600px;
     36  min-height: max-content;
     37 }
     38 
     39 .max-height-min-content {
     40  max-height: 0px;
     41  max-height: min-content;
     42 }
     43 
     44 .max-height-max-content {
     45  max-height: 0px;
     46  max-height: max-content;
     47 }
     48 
     49 .width-min-content {
     50  width: 0px;
     51  width: min-content;
     52 }
     53 
     54 .width-max-content {
     55  width: 0px;
     56  width: max-content;
     57 }
     58 
     59 .min-width-min-content {
     60  min-width: 600px;
     61  min-width: min-content;
     62 }
     63 
     64 .min-width-max-content {
     65  min-width: 600px;
     66  min-width: max-content;
     67 }
     68 
     69 .max-width-min-content {
     70  max-width: 0px;
     71  max-width: min-content;
     72 }
     73 
     74 .max-width-max-content {
     75  max-width: 0px;
     76  max-width: max-content;
     77 }
     78 
     79 .block-min-content {
     80  block-size: 0px;
     81  block-size: min-content;
     82 }
     83 
     84 .block-max-content {
     85  block-size: 0px;
     86  block-size: max-content;
     87 }
     88 
     89 .min-block-min-content {
     90  min-block-size: 600px;
     91  min-block-size: min-content;
     92 }
     93 
     94 .min-block-max-content {
     95  min-block-size: 600px;
     96  min-block-size: max-content;
     97 }
     98 
     99 .max-block-min-content {
    100  max-block-size: 0px;
    101  max-block-size: min-content;
    102 }
    103 
    104 .max-block-max-content {
    105  max-block-size: 0px;
    106  max-block-size: max-content;
    107 }