Css: Z-index clarification

Created on 10 Jul 2015  ·  3Comments  ·  Source: bevacqua/css

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.

question
Source
picture monkbroc

All 3 comments

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

bevacqua picture bevacqua on 10 Jul 2015
👍1

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.

monkbroc picture monkbroc on 10 Jul 2015
👍1

Feel free to PR clarifying

bevacqua picture bevacqua on 10 Jul 2015
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

dandyhat picture dandyhat  ·  12Comments
hartman picture hartman  ·  23Comments
mikkorantalainen picture mikkorantalainen  ·  42Comments
oliveiraev picture oliveiraev  ·  9Comments
ziadoz picture ziadoz  ·  8Comments