Czy istnieje standardowa konwencja nazywania warstw indeksu Z? [zamknięty] - html, sass

Chcę utworzyć niektóre zmienne sass do reprezentowania różnych wartości z-index i chciałbym użyć istniejącej konwencji nazewnictwa, jeśli taka istnieje. Szukam czegoś takiego jak definiuje Swing root, layered, content, i glass okienka lub wskaźnik do jakiejś teorii, której mogę użyć jako podstawy nazw.

Odpowiedzi:

4 dla odpowiedzi № 1

http://en.wikipedia.org/wiki/Structure_of_the_Earth ?

Exosphere Termosfera Mesosfera Stratosfera Troposfera Skorupa UpperMantle Płaszcz OuterCore Rdzeń wewnętrzny

wystarczająco geeky dla ciebie?

---

1 dla odpowiedzi nr 2

Po przemyśleniu tego trochę w pracy, oto co wymyśliliśmy (owinięte w mapę Sassa):

$z-index: (
"satellite"           :       5000,
"skyscraper"          :       1000,
"tower-block"         :       500,
"house"               :       200,
"bungalow-chimney"    :       110,
"bungalow"            :       100,
"shed"                :       50,
"postbox"             :       10,
"pavement"            :       0,
"pothole"             :      -10,
"ditch"               :      -20,
"sewer"               :      -100,
"mine"                :      -300,
"seabed"              :      -1000
);

Które jest następnie odwołuje się tak:

.foo {
z-index: map-get($z-index, "pothole");
}

---

0 dla odpowiedzi № 3

Musimy utrzymać kolejność układaniaOkładki projektów, pasek filtrów, modalność wyszukiwania lokalizacji, niestandardowe menu rozwijane nad modalem i nawigacja strony internetowej, w tej kolejności, od dołu do góry. Możemy ustawić listę Sass, tak jak poniżej:

$elements: project-covers, sorting-bar, modals, navigation;

Ta lista przedstawia kolejność, w jakiej chcemynasze elementy pojawiają się, od najniższego do najwyższego, z każdym indeksem lub pozycją w tablicy reprezentującej indeks Z tego elementu. Możemy użyć funkcji indeksu Sass, aby przypisać wartość z-index do każdego elementu. Na przykład:

.project-cover {
z-index: index($elements, project-covers);
}

Zostanie wydrukowane:

.project-cover {
z-index: 1;
}

Dzieje się tak, ponieważ pokrywa projektu jest pierwszym elementem na liście, w indeksie 1 i najniższym elementem w naszym porządku układania indeksu z-index. Napiszmy Sass na pozostałe pozycje z naszej listy:

.sorting-bar {
z-index: index($elements, sorting-bar);
}
.modal {
z-index: index($elements, modals);
}
.navigation {
z-index: index($elements, navigation);
}

Teraz nasz skompilowany CSS wyglądałby tak:

.project-cover {
z-index: 1;
}
.sorting-bar {
z-index: 2;
}
.modal {
z-index: 3;
}
.navigation {
z-index: 4;
}

---

-1 dla odpowiedzi № 4

Zmierzyłem się z tym problemem, kiedy pracowałem nad moim ostatnim projektem. Po pewnym doświadczeniu zdałem sobie sprawę, że nie ma takiej potrzeby, a wszystko, co przynosi, to bałagan.

---