вам в этом, вашем же, вопросе - Почему в опера мини не отображается border-radius? дали ответы по опере мини, и вы вместо того, чтобы читать теперь документацию - будете сюда писать по каждому нюансу, который у вас не получается?
transition дает плавность только тем свойствам, которые имеют числовые значения (%, px..)
исходя из этого - используйте обходные пути, как вам посоветовали уже товарищи - opacity, fadeIn/Out etc..
давай ссылки на работы - чтобы их можно было пощупать, с архивами никто возиться не любит
но попроси, чтобы тебе скинули тестовое - там где ты можешь показать свой уровень.
тестовое - это обычно что-то простенькое, что делается за 1-2 часа
Лично мне не нравится подход именования цветов по контенту. Ну напишу я $bgHeader - а потом мне этот цвет надо использовать в футере - и тут меня эта штука начинает раздражать footer {color: $bgHeader} ? фигня какая-то
у любого сайта есть цветовая палитра, положим из 10 цветов, вот я их и задаю $c_gray, $c_gray_dark, $c_orange
А если нужно сменить цвет с оранжевого на голубой - то любая IDE поддерживает рефакторинг
ЗЫ: Много ли вы меняли полностью цветовую схему на противоположную в процессе разработки?