search

ionlyseespots / ambient-design

Ambient is a CSS ( flexbox ) framework. Built as a lightweight and modular HTML5 layout methodology.
http://ionlyseespots.github.io/ambient-design/index.html
MIT License
15 stars 3 forks source link

update am-layer variables #9

Closed ionlyseespots closed 9 years ago

ionlyseespots commented 9 years ago

z-1 - z-5 box shadow LESS variables.

Box shadows should be consistent and present a uniform depth for elements.

View: z-depths example

variables @z-depth-NUMBER-top @z-depth-NUMBER-bottom

hover animations @z-depth-animation-time @z-depth-animation-function

buttons have default hover z-1 to z-2

layers am-layer="VALUE animated" will automatically increase depth from lowest to highest depth