chore(css): merge CSS Units group into CSS Values and Units

mdn · Jan 4, 2025 · 52cd37d · 52cd37d
1 parent 23379df
commit 52cd37d
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 116 deletions.
diff --git a/css/definitions.json b/css/definitions.json
@@ -4,7 +4,6 @@
       "Basic Selectors",
       "Combinators",
       "Compositing and Blending",
-      "CSS Angles",
       "CSS Animations",
       "CSS Backgrounds and Borders",
       "CSS Basic User Interface",
@@ -25,13 +24,11 @@
       "CSS Flexible Lengths",
       "CSS Fonts",
       "CSS Fragmentation",
-      "CSS Frequencies",
       "CSS Generated Content",
       "CSS Grid Layout",
       "CSS Houdini",
       "CSS Images",
       "CSS Inline",
-      "CSS Lengths",
       "CSS Lists and Counters",
       "CSS Logical Properties",
       "CSS Masking",
@@ -42,7 +39,6 @@
       "CSS Pages",
       "CSS Positioning",
       "CSS Regions",
-      "CSS Resolutions",
       "CSS Ruby",
       "CSS Scroll Anchoring",
       "CSS Scrollbars",
@@ -53,11 +49,10 @@
       "CSS Table",
       "CSS Text",
       "CSS Text Decoration",
-      "CSS Times",
       "CSS Transforms",
       "CSS Transitions",
       "CSS Types",
-      "CSS Units",
+      "CSS Values and Units",
       "CSS Variables",
       "CSS View Transitions",
       "CSS Will Change",

diff --git a/css/functions.json b/css/functions.json
@@ -2,17 +2,15 @@
   "abs()": {
     "syntax": "abs( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs"
   },
   "acos()": {
     "syntax": "acos( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos"
@@ -36,26 +34,23 @@
   "asin()": {
     "syntax": "asin( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin"
   },
   "atan()": {
     "syntax": "atan( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan"
   },
   "atan2()": {
     "syntax": "atan2( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2"
@@ -87,17 +82,15 @@
   "calc()": {
     "syntax": "calc( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc"
   },
   "calc-size()": {
     "syntax": "calc-size( <calc-size-basis>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
@@ -113,8 +106,7 @@
   "clamp()": {
     "syntax": "clamp( <calc-sum>#{3} )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp"
@@ -140,8 +132,7 @@
   "cos()": {
     "syntax": "cos( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos"
@@ -207,8 +198,7 @@
   "exp()": {
     "syntax": "exp( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp"
@@ -258,8 +248,7 @@
   "hypot()": {
     "syntax": "hypot( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot"
@@ -356,8 +345,7 @@
   "log()": {
     "syntax": "log( <calc-sum>, <calc-sum>? )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log"
@@ -381,35 +369,31 @@
   "max()": {
     "syntax": "max( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max"
   },
   "min()": {
     "syntax": "min( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min"
   },
   "minmax()": {
     "syntax": "minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax"
   },
   "mod()": {
     "syntax": "mod( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod"
@@ -483,8 +467,7 @@
   "pow()": {
     "syntax": "pow( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow"
@@ -509,8 +492,7 @@
   "rem()": {
     "syntax": "rem( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem"
@@ -601,8 +583,7 @@
   "round()": {
     "syntax": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
@@ -676,17 +657,15 @@
   "sign()": {
     "syntax": "sign( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign"
   },
   "sin()": {
     "syntax": "sin( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin"
@@ -718,8 +697,7 @@
   "sqrt()": {
     "syntax": "sqrt( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
@@ -748,8 +726,7 @@
   "tan()": {
     "syntax": "tan( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"

diff --git a/css/properties.json b/css/properties.json
@@ -6343,7 +6343,7 @@
     "animationType": "notAnimatable",
     "percentages": "no",
     "groups": [
-      "CSS Units"
+      "CSS Values and Units"
     ],
     "initial": "numeric-only",
     "appliesto": "allElements",

diff --git a/css/selectors.md b/css/selectors.md
@@ -21,7 +21,7 @@ A selector object looks like this:
 
 The three properties shown above are all required:
 * `syntax` (string): The syntax of the selector (e.g. `::after` with two colons indicating a [pseudo-element](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements#Pseudo-elements), `:hover` with one colon indicating a [pseudo-class](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements#Pseudo-classes), or `A ~ B` indicating a [combinator](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors#Combinators)).
-* `groups` (array of strings): CSS is organized in modules like "CSS Units" or "CSS Lengths". MDN organizes features in these groups as well — `groups` should contain the name of the module(s) the selector is defined in.
+* `groups` (array of strings): CSS is organized in modules like "CSS Values and Units". MDN organizes features in these groups as well — `groups` should contain the name of the module(s) the selector is defined in.
 * `status` (enum string): This is either `standard`, `nonstandard`, `experimental` or `obsolete` depending on the standardization status of the feature.
 
 There is another property that is optional: