@import "compass/css3/inline-block";
@import "compass/typography/lists/inline-list";

.dl {
    @include flexbox((
        display: flex,
        flex-direction: column
    ));
    .dl-item {
        @include display-flex;
        dt {
            padding-right: 10px;
            @include flex(0 1 15%);
            text-align: right;
        }
        .fulltext-holdings {
            list-style-type: none;
            padding: 0;
        }
        dd {
            @include flex(9);
            @include display-flex;
            .ul {
                @include flexbox((
                    display: flex,
                    flex-wrap: wrap
                ));
                .ul {
                    display: block;
                }
            }
        }
        .dl {
            @include inline-block();
            margin-top: 1em;
            dt {
                text-align: left;
                padding: 0;
            }
            dd {
                padding: 0;
            }
        }
    }
}

.ul {
    @include inline-block();
    list-style-type: none;
    padding-left: 0;
    li {
        width: 100%;
    }
    .ul {
        @include inline-list();
    }
}