RobDWaller/fableau

View on GitHub
src/scss/tableau.scss

Summary

Maintainability
Test Coverage
.tableau_connect {
    display:none;
    width: 640px;
    margin:0px auto;
    transition: display 1s;
    margin-bottom: 50px;
}

.tableau_connect--show {
    display:block;
}

.tableau_connect__fieldset {
    border: none;
    margin:0px;
    padding:20px 0px;
}

.tableau_connect__button {
    background: $mainColor;
    color: $fontColorTwo;
    font:bold 1.5em $textFont;
    border-radius:10px;
    border: 2px solid darken($mainColor, 10%);
    padding:10px 30px;
    text-align:center;
    cursor:pointer;
    margin: 0px auto;
    display: block;
    text-shadow: 2px 2px lighten($fontColorOne, 20%);
}

.tableau_connect__button:hover {
    background: lighten($mainColor, 5%);
}

.tableau_connect__text {
    font-size: 1.25em;
}