Contents

$padding: 0.5em;
.uniformCard{
    background: white;
    border: 1px solid $gray-light;
    border-radius: 0.25em;
    margin-bottom: 1em;
    &.width-auto{
        display:inline-block;
    }
    &.clip{
        overflow:hidden;
    }
    .un-pad{
        margin-left: -0.5em;
        margin-right: -0.5em;
    }
    .uniformCard-header,
    .uniformCard-footer{
        padding: $padding;
    }
    .uniformCard-header{
        border-bottom: 1px solid $gray-light;
        .fortycon.arrow_down_large{
            transition: all 0.2s;
        }
    }
    .uniformCard-footer{
        border-top: 1px solid $gray-light;
        clear: both;
    }
    .uniformCard-body{
        padding: $padding;
    }
    .uniformCard-collapse{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s;
    }
    &.expanded{
        .uniformCard-header {
            .fortycon.arrow_down_large{
                transform: rotate(180deg);
            }
        }
        .uniformCard-collapse{
            max-height: 9999px;
        }
    }
    &.uniformCard-accordion{
        margin: 0;
        margin-bottom:-1px;
        border-radius: 0;
        &:first-of-type{
            border-top-left-radius: 0.25em;
            border-top-right-radius: 0.25em;
        }
        &:last-of-type{
            border-bottom-left-radius: 0.25em;
            border-bottom-right-radius: 0.25em;
        }
        .uniformCard-header{
            cursor: pointer;
            border-bottom-style: none;
            &:hover{
                background: lighten($blue, 50);
            }
        }
        &.expanded{
            margin: 1em 0;
            border-radius: 0.25em;
            &:first-of-type{
                margin-top:0;
            }
            &:last-of-type{
                margin-bottom:0;
            }
            .uniformCard-header{
                border-bottom-style: solid;
                &:hover{
                    background: none;
                }
            }
        }
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
uniform-ui-1.0	vendor/assets/stylesheets/uniform/components/card.scss