--- /dev/null
+/* 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;
+ }
+}