public/components/stub-modal/_stub-modal.scss

%modal-body__header-select-icon {
    &::before {
        content: " ";
        background: $i-arrow-down right no-repeat transparent;
        background-size: 12px;
        width: 13px;
        height: 12px;
        display: inline-block;
        margin: 0 5px 0 0;
        position: relative;
        top: 2px;

        -webkit-transition: transform 0.25s ease-in-out;
        -moz-transition: transform 0.25s ease-in-out;
        -ms-transition: transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
    }
}

.modal-body__header {
    background-color: $c-grey-100;
    border-bottom: 1px solid $c-grey-200;
    text-decoration: none;
    cursor: pointer;
    padding: 0px;
}

.modal-body__header-expander {
    @extend %modal-body__header-select-icon;
    @extend %fs-data-1;

    text-transform: uppercase;
    display: inline-block;
    padding: 6px 0 5px 5px;
    font-weight: bold;
    margin: 0;

    &:hover, &:focus {
        text-decoration: none;
    }

    &::before {
        transform: rotate(-90deg);
    }
    &--open::before {
        transform: rotate(0deg);
    }
}

.modal-body__advanced {
    margin-top:0px;
    padding: 0px 15px;
    max-height: 0px;
    opacity:0;

    overflow: hidden;

    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    z-index: 2;
}

.modal-body__advanced--open {
    margin-top: 15px;
    max-height: 250px;
    opacity:1;

    overflow: visible;
}

.modal-footer {
    z-index: 1;
}

.modal-footer.alert {
    margin-bottom: 0px;
    text-align: left;
}

.help-block--invisible {
    visibility: hidden;
}

.commissioning-desk-margin, .section-margin, .format-dropdown {
    margin-bottom: 15px;
}

.feedback-link, .feedback-link:hover, .feedback-link:visited, .feedback-link:focus {
    color: black;
    text-decoration: underline;
}

.feedback-title {
    font-weight: normal;
    font-size: 12px;
    margin-left: 4px;
}

.commissioned-length-buttons {
    margin-bottom: 4px;
}

.commissioned-length-suggestion {
    margin-right: 3px;
}

.breaking-news {
    margin-left: -3px;
}