Z-index clarification

Question

Z-index clarification

monkbroc opened this issue 9 years ago · comments

You mention twice "Keep z-index levels in variables in a single file". Could you clarify with an example? I don't understand what this rule is trying to say.

Thanks for the detailed guidelines.

Nicolás Bevacqua · Answer 1 · Sat Jul 11 2015 02:44:44 GMT+0800 (China Standard Time)

Suppose you're using Stylus,

z-questionmark = 10
z-dropdowns = 100
z-dialogs = 10000

.qmark
  z-index z-questionmark

(etc)

The purpose is to know at a glance what's the depth of z-indexes, which we often just set to 100000-like values for no reason other than "this should be high enough

Julien Vanier · Answer 2 · Sat Jul 11 2015 02:49:03 GMT+0800 (China Standard Time)

Thanks. The sentence was unclear because of the 2 "in". Maybe: keep all z-index definitions in a single file and make each z-index level a variable.

Nicolás Bevacqua · Answer 3 · Sat Jul 11 2015 02:49:27 GMT+0800 (China Standard Time)

Feel free to PR clarifying