Крутое dropdown меню на чистом CSS

Зачастую, при разработке серьезного проекта возникает необходимость в экономии места и конечно же нет места для реализации полноценного мини-профиля пользователя. В данном случае на помощь может прийти только одно: dropdown меню со всеми нужными опциями. Если реализовать профиль таким способом, можно уменьшить его до фотографии, имени пользователя и кнопки, вызывающей то самое меню. Просто и экономно.

Для быстрой реализации мы будем использовать SCSS + Compass и HTML5

HTML

SCSS (+Compass)