Dakle radim neko vrijeme u gantry frameworku i sviđa mi se.
ALi evo tek neki dan sam naletio na problem.
Naime njegova konstrukcija elemenata kao header, showcase, footer, mainbody itd se nalaze svi u divovima koji imaju sufix surround. KOji se protežu 100% preko ekrana. U njima su centrirani elementi po potrebi, na 960px, 1200px, ili respnosive.
Znači div showcase je u divu s id=“showcase-surround” naprimjer. Znači sentrirani div s marginama auto unutar 100% širokog diva “showcase-surround”.
E sad problem je što oni su posloženi jedan ispod drugog, vjerovatno floatani, i nemaju ni jedan glavni wrapper koji ide na format stranice (tipa 960px, 1200px ili slično).
Imaju kada nije responsive dizajn podešen.
Muči me jer želim postaviti stranicu responsive dimenzija, na centrirani background, i dodati mu mali shadow effeket jer je tako u “nacrtu”. Bilo bi super da mogu izvesti samo lijeva i desna sjena, ali ne ide.
A kada svakom od tih elemenata dodam box-shadow, onda se vidi da je složeno od više elemenata koji su posloženi jedan na drugi.
No kada sve elemente pokupim s nekim wrapperom unutra, onda sve one surround smanjim na dimenziju, a treba mi responsive dizajn.
Riješenje bi mi bilo da mogu svakom elementu dodati sjenu samo lijevu i desnu.
Kako to ostvariti?