/* listing of all books */

#book-a-list {
    #book-list-nav {
        @include size(border-width, 0);
        @include size(border-bottom-width, 1px);
        border-style: solid;
        border-color: #CFCFCF;
        @include size(padding, 9.75px);
        line-height: 2em;

        @media screen and (min-width: 30em) {
            @include size(border-bottom-width, 0px);
            @include size(border-left-width, 1px);
            float: right;
            width: 50%;
        }

        @media screen and (min-width: 62.5em) {
            line-height: 1.3em;
        }

        h2 {
            cursor: pointer;

            &:after {
                @include size(padding-left, 10px);
                content: url("/static/img/arrow-gray.png");
                vertical-align: top;
            }

            @media screen and (min-width: 30em) {
                font-size: 1em;
                margin: 0;
                cursor: regular;

                &:after {
                    display: none;
                }
            }
        }

        #book-list-nav-index {
            display: none;
            @media screen and (min-width: 30em) {
                display: block !important;
            }
        }

        ul {
            list-style-type: none;
            @include size(margin, 5px);
            padding: 0;
        }
        .book-list-show-index {
            display: none;
        }
    }

    #book-list {
        @include size(padding-left, 5px);
        line-height: 2em;

        @media screen and (min-width: 62.5em) {
            @include size(padding-left, 50px);
            line-height: 1.3em;
        }

        ol {
            @include size(padding-left, 13px);
            @include size(margin, 4px 0 15.6px 0);
            list-style: none;
        }
        h2 {
            @include size(font-size, 13px);
            margin: 0;
            a {
                color: black;
            }
        }
    }

    #book-list-up {
        display: block;
        position: fixed;
        @include size(bottom, 50px);
        @include size(right, 50px);
        @include size(border-left, solid 1px #CFCFCF);
        @include size(padding, 20px 10px);
        background-color: white;    
    }
}
