Day 293

My first lesson in css animations. (using sass)
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

* {
    box-sizing: border-box;
}

.parent {
    background: yellow;
    padding: 50px;
    width: 100%;
    opacity: 1;
    transition: all 1.5s ease-in-out;
    &:hover {
        background: red;
        width: 50%;
        opacity: .5;
        .child {
            background: blue;
        }
    }
    .child {
        background: black;
        padding: 100px;
        transition: all 2s ease-in-out;
    }
}