X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a24770e8372cc1f4cadcc489967f04cf78069f99..64af15fe792f42d3a7dc3e857a45577d16806255:/src/wolnelektury/static/scss/main/book_box.scss?ds=inline diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss index 726bb5a21..6e71fbca5 100755 --- a/src/wolnelektury/static/scss/main/book_box.scss +++ b/src/wolnelektury/static/scss/main/book_box.scss @@ -15,10 +15,10 @@ @include size(margin-bottom, 5px); @include min-screen($S_BOOK_SHORT_FULL) { - position: absolute; - top: 0; - left: 0; - margin-right: 0; + //position: absolute; + //top: 0; + //left: 0; + //margin-right: 0; } img.cover { @@ -136,6 +136,7 @@ @media screen and (min-width: 1024px) { display: inline-block; @include size(width, 590px); + @include size(min-height, 196px); } } @@ -175,6 +176,7 @@ @media screen and (min-width: 62.5em) { float: left; @include size(width, 536px); + @include size(min-height, 196px); } } @@ -297,7 +299,8 @@ .book-box-head, .tags, - .book-box-tools { + .book-box-tools, + .abstract { @include min-screen($S_BOOK_SHORT_FULL) { margin-left: 154px; } @@ -515,3 +518,44 @@ } } } + +.abstract { + @include size(font-size, 16px); + line-height: 1.2em; + @include size(margin-bottom, 8px); + @include size(margin-top, 18px); + overflow: hidden; + position: relative; + clear: left; + + @media screen and (min-width: 62.5em) { + @include size(width, 536px); + } + + p.paragraph { + margin-bottom: 0; + margin-top: 1.2em; + + &:first-child { + margin-top: 0; + } + } + + &.short { + height: 3.6em; + &:after { + content:' '; + position:absolute; + bottom:0; + width:25%; + height:20px; + background-color:transparent; + /* assume ltr */ + right:0; + background-image:-webkit-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%); + background-image:-moz-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%); + background-image:-o-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%); + background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%) + } + } +} \ No newline at end of file