example sass

gistfile1.sass

.goal_container {
    background: #fff;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    border: 1px solid $main_border;
    width: 375px;
    @include box-shadow(rgba(0,0,0,0.1), -2px, 2px, 4px);
    @include border-radius;
    
    &:hover {
        a.remove_goal {
            display: block;
        }
        .expand {
            display: block;
        }
    }
    
    input, textarea {
        color: $task_color;
        font-size: 1em;
        width: 97%;
        border-width: 0px 0px 1px 0px;
        border-style: solid;
        border-color: $main_border;
        outline: 0px;
        padding: 0;
        margin: 0;
    }
    
    button {
        font-size: .8em;
        position: relative;
        top: -20px;
        outline: none;
    }
    
    .just_heavy {
        float: right;
        display: none;
    }
    
    &.expanded {
        .task_list {
            width: 49%;
        }
        .goal_description {
            max-height: none;
        }
        .compiled {
            .heavy {
                display: none;
            }
        }
        .just_heavy {
            display: block;
            .light {
                display: none;
            }
        }
    }
    
    &.new {
        width: auto;
        height: auto;
        max-height: auto;
        cursor: pointer;
        padding: 5px 5px 2px 5px;
        
        &:hover img {
            opacity: 1;
        }
        
        img {
            opacity: .5;
        }
    }
    
    a.remove_goal {
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        text-indent: -9000px;
        background: url('/images/delete.gif') no-repeat 0 0;
        display: none;
        
        &:hover {
            background-position: 0 -15px;
        }
    }
    
    .goal_title {
        font-family: $styled_sans;
        font-size: 20px;
    }

    .goal_description {
        color: $task_color;
        font-size: 13px;
        line-height: 15px;
        margin-top: 1px;
        
        textarea {
            border-right: 1px solid $main_border;
            width: 99%;
            height: 100px;
            font-size: 13px;
            color: $task_color;
        }
    }

    .goal_description img {
        max-width: 100%;
    }
}