Inspecting medium.com css I noticed this rules:
--x-height-multiplier: 0.375;
--baseline-multiplier: 0.17;
what are those -- before x-height-multiplier? What are these two rules? I tried to change them with no visible effect at all.
Asked
Active
Viewed 203 times
1
steo
- 4,586
- 2
- 33
- 64
-
Those are [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables) or custom properties. – Nico O Jun 04 '18 at 10:48
-
Wow. Am I the only one that didn't find anything online by searching "--" ? – steo Jun 04 '18 at 10:49
-
1probably because search engines often treat - as query negation keyword for following word – Nico O Jun 04 '18 at 10:51
-
yes, thought that too – steo Jun 04 '18 at 10:56
1 Answers
0
Double dash represents CSS Variable. Refer Link.
Selvam Elumalai
- 693
- 7
- 22
-
to be more precise in this particular case, it's about Custom Properties, `var()` is not used here – Temani Afif Jun 04 '18 at 10:59
-
While declaring a CSS variable, `var()` is not required, it required only when using the variable – Selvam Elumalai Jun 04 '18 at 11:02
-
you dont' understand me :) ... the `--xx` alone is called a custom property and is used to define CSS variable ... read the first sentence of the link your provided : `They are set using custom property notation` – Temani Afif Jun 04 '18 at 11:04